<script>
var r = 0,
l = 0;
var timer
function doStart() {
// 点击开始的时候停止按钮不能点击
$('start').disabled = true;
$('stop').disabled = false;
timer = setInterval(function() {
r++;
if (r > 9) {
//当右边的停止为9的时候在从零开始
r = 0;
//左边的设为1
l++;
}
if (l > 9) {
//右边为9的时候都从零开始
r = 0;
l = 0;
}
//字符串拼接路径
$('img2').src = "images/" + r + '.bmp';
$('img1').src = "images/" + l + '.bmp';
}, 100);
}
//点击停止的时候开始按钮可以点击
function doStop() {
$('start').disabled = false;
$('stop').disabled = true;
//关闭计时器
clearInterval(timer)
}
//获取id
function $(id) {
return document.getElementById(id)
}
</script>
</head>
<body>
<table>
<tr>
<td><img src="images/0.bmp" id="img1"></td>
<td><img src="images/0.bmp" id="img2"></td>
</tr>
<tr>
<td><button onclick="doStart()" id="start">开始</button></td>
<td><button onclick="doStop()" id="stop" disabled>停止</button></td>
</tr>
</table>
</body>
JavaScript 计数器
最新推荐文章于 2024-08-01 22:58:23 发布