现在的位置: 首页 > 综合 > 正文

js中setInterval/clearInterval与setTimeout/clearTimeout

2012年08月21日 ⁄ 综合 ⁄ 共 835字 ⁄ 字号 评论关闭

[setTimeout]
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数是一次

[setInterval]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

由于经常要用到这个而且每次都记不得不完全,总是要上网搜索一次,太麻烦了,自己写一个测试页面。

<html>
<head>
<title>setTimeout 和 setInterval测试用例页面</title>
</head>
<body>
<script language="javascript">
//设置全局变量
var staticObj = {};
staticObj.timer = "";
staticObj.timer2 = "";
staticObj.count = 0;

function startReload()
{
//设置Interval
staticObj.timer = setInterval("reloadData()",500);
}

function stopReload()
{
//清除Interval
clearInterval(staticObj.timer);
}

function reloadData()
{
staticObj.count++;
alert("Interval循环次数:" + staticObj.count);
if(staticObj.count == 5)
{
   stopReload();
   alert("Interval循环已经结束!开始进入setTimeout函数");
   //设置Timeout
   staticObj.timer2 = setTimeout(timeoutFn,100);
}
}

function timeoutFn()
{
clearTimeout(staticObj.timer2);
alert("执行了setTimeout函数并清除了对象");
}

startReload();
</script>
</body>
</html>

抱歉!评论已关闭.