js延迟执行函数

最新推荐文章于 2024-02-29 17:52:27 发布

weixin_34250709

最新推荐文章于 2024-02-29 17:52:27 发布

阅读量73

点赞数

本文介绍了JavaScript中setTimeout和setInterval两种延迟执行函数的用法，并通过实例展示了如何结合使用它们来实现特定功能，如定时更新页面内容直至完成。

转自：http://zou-jiao.iteye.com/blog/1606872

在js中，延迟执行函数有两种：
setTimeout和setInterval，用法如下：

setTimeout("test()","2000");  //2000毫秒后执行test()函数，只执行一次。
setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数，执行无数次。
var interval = window.setInterval("test()","2000");
window.clearInterval(interval);     //停止执行setInterval循环。

当我们想让test()函数每隔2000毫秒执行一次，执行10000毫秒后停止执行时，可以用两者三者结合使用来实现。
var interval2 = window.setInterval("openit2()",2000);
setTimeout(function() {window.clearInterval(interval2);},10000);

带参方法执行延迟
setTimeout(function(){return executeQueryTask(data);},"10000");

例子：

<html>
  <head>    
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script>
        var num = 3;
        window.onload = function(){
            var s = window.setInterval(function(){
                document.getElementById("s").innerHTML=num;
                num--;
                if(num<=0){
                    window.close();

                }
            }, 1000);            
        }
    </script>
    
  </head>
  <body>
        <h1><s:property value="msg"/></h1>
        <h2>本窗口在<span id="s">3</span>秒之后关闭!</h2>
        <input type=button value=关闭窗口  onclick="window.close();"  />
  </body>
</html>