1.setInterval()方法
该方法有两个参数,第一个参数用来写js代码,第二个参数用来写设置定时器的时间。setInterval("js代码",毫秒数),该方法实现的功能是每隔一定的时间就会执行js代码
var id1=setInterval("alert('123');",5000);
其中id表示方法返回的数值
window对象的方法,window可以省略
2.setTimeout()方法
该方法有两个参数,第一个参数用来写js代码,第二个参数用来写设置定时器的时间。setTimeout("js代码",毫秒数),该方法实现的功能是隔一定的时间就会执行js代码,并且只会执行一次。
var id2=setTimeout("alert('abc');",3000);
window对象的方法,window可以省略
3.clearInterval(id)表示消除setInterval设置的定时器
clearInterval(id1);
参数为setInterval返回的id
4.clearTimeout(id)表示消除setTimeout设置的定时器
clearTimeout(id2);
参数为setTimeout返回的id
<html>
<head>
<title>html示例</title>
</head>
<body>
<input type="button" value="setInterval" onclick="clear1();"/>
<input type="button" value="setTimeout" onclick="clear2();"/>
<script>
//设置定时器,每隔5s就会弹出一个对话框
var id1=setInterval("alert('123');",5000);
//设置一个定时器。隔三秒就弹出对话框,且只会弹出一次
var id2=setTimeout("alert('abc');",3000);
//清除Interval定时器
function clear1(){
clearInterval(id1);
}
//清楚Timeout定时器
function clear2(){
clearTimeout(id2);
}
</script>
</body>
</html>