您的位置：站点首页 > 技术文章 >正文

JS编程setTimeout函数的用法

2014-07-25 21:17:22|?次阅读|上传:wustguangh【已有?条评论】发表评论

关键词：JavaScript|来源：唯设编程网

JS编程时如果我们需要执行定时任务，那么你就需要了解setTimeout方法，setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

下面是W3C该处的函数原型和参数的意义：

setTimeout(code,millisec)

参数 描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。

提示：setTimeout() 只执行 code 一次。如果要多次调用，你需要使用使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

1.简单应用

下面给出一个简单的使用例子：

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000)
}
</script>
</head>

<body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
<p>Click on the button above. An alert box will be
displayed after 5 seconds.</p>
</body>

</html>

2.用setTimeout实现setInterval的功能

如果需要多次循环执行，可以让函数内部再次调用setTimeout:

       var i=0;
    function xilou(){
        i+=1;
        if(i>10){alert(i);return;}
        setTimeout("xilou()",1000);
        //用这个也可以
        //setTimeout(xilou,1000);
    }

这样，setTimeout就实现了类似setInterval函数的效果。

【发表评论0条 】
网友评论(共?条评论)..
JS编程setTimeout函数的用法