您的位置：首页 > Web前端 > JavaScript

js定时器setInterval、setTimeout的使用

2014-01-11 09:41 477 查看

js定时器的使用，

开启定时器setInterval（间隔型）、setTimeout（延时型）;

关闭定时器clearInterval、clearTimeout;

定时器使用小案例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>五指前端</title>
<style type="text/css">
#div1{width:200px; height:100px; background-color:#ccc;}
</style>
<script type="text/javascript">
function show()
{
alert('定时器开启了');
}
window.onload=function()
{
var oBtn1=document.getElementById('btn1');
var oBtn2=document.getElementById('btn2');
var timer=null;  //声明一个时间变量
 
oBtn1.onclick=function()
{
timer=setInterval(show,2000); //开启定时器 间隔2秒执行show函数 同时赋给之前声明好的时间变量timer
}
oBtn2.onclick=function()
{
clearInterval(timer);   //关闭定时器timer
}
}
</script>
</head>
 
<body>
<input type="button" id="btn1" value="开启定时器" /><input type="button" id="btn2" value="关闭定时器" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航