function myimg() {
//通过i改变图片的名称从而实现图片自动切换
if (i < 5) {
i++;
} else {
i = 1; //当i超出是重新赋值使其实现循环切换图片
}
//通过id获取图片并给它的src属性重新赋值
var dom = document.getElementById("id");
dom.src = 'image/'+i+'.jpg';
}
//启动定时器，给它一定的时间（毫秒）
setInterval(myimg,500);
</script>
</head>
<body>
<img id="id" src="image/1.jpg" width="1000px" height="600px"/>
</body>
</html>
3.2 倒计时（可以开始、停止、继续）
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>倒计时</title>
<script type="text/javascript">
//默认定义一个匿名函数
window.onload = function () {
//定义一个定时器
var t1;
//获取开始按钮的value值
var btnstart = document.getElementById("btnstart");
//给开始按钮注册一个事件
btnstart.onclick = function () {
//每1秒实现一次step函数
t1=setInterval(step,1000);
}
//获取停止按钮的value值
var btnstop = document.getElementById("btnstop");
//给停止注册一个事件
btnstop.onclick = function () {
//停止定时器
clearInterval(t1);
}
}
function step() {
//1.1 取出div中的变量值
var dom = document.getElementById("msg");
//1.2 将值赋给num变量
var num = dom.innerText;
if (num>0) {
num--;
}
dom.innerText = num;
}
</script>
</head>
<body>
<input type="button" name="btn" value="开始" id="btnstart"/>
<input type="button" name="btn" value="停止" id="btnstop" />
<div id="msg">10</div>
</body>
</html>3.3 获取当前时间 并启动定时器运行
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function startTime() {
var today = new Date()
var h = today.getHours()
var m = today.getMinutes()
var s = today.getSeconds()
//add a zero in front of numbers<10
m = checkTime(m)
s = checkTime(s)
document.getElementById('txt').innerHTML = "当前时间："+h + ":" + m + ":" + s
t = setTimeout('startTime()', 500)
