html怎样实现图片自动切换

html-css09

html怎样实现图片自动切换,第1张

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的script标签中,填入js代码:setInterval('$("img").attr("src", "small3.png")', 1000)。

3、浏览器进入index.html页面中,此时显示出一张图片。

4、过1秒后,图片自动切换为另一张图片了。

<html>

<head>

<title></title>

<script language="javascript">

function load(){

var t=document.getElementById("phone")

var today=new Date()

t.innerHTML=parseInt(today.getTime()/60/60/24/1000)%2==0?"A:B":"B:A"

}

</script>

</head>

<body onload="load()">

<div id="phone"></div>

</body>

</html>

可以用js实现。