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

js中setInterval/clearInterval与setTimeout/clearTimeout

2009-05-09 09:45 543 查看

[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>

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

标签：

相关文章推荐

新的分享

章节导航