js延迟执行函数

摘要:
setInterval;//test()函数每2000毫秒执行一次,并执行无数次。varinterval=窗口。setInterval;窗clearInterval;//停止执行setInterval循环。

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


在js中,延迟执行函数有两种:
setTimeoutsetInterval,用法如下:

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>


 

免责声明:文章转载自《js延迟执行函数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C# datagridview 的属性及事件jmeter之线程组循环次数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js-前端分页效果的实现

本文将介绍前端分页效果的实现,并没有借助地址栏的参数来实现,利用相关公式来完成。 1、总页数 = Math.ceil(数据长度/每页需要显示的数量);注:向上取整 2、每页显示的数据的开头索引 = 当前页码-1 * 每页需要显示的数量;  注:循环创建的页码索引从0开始,页码从1开始,计算时需要减1 3、每页显示的数据的结束索引 = 当前页码-1 * 每页...

JS 语法之--函数,异常

1、函数 2、函数表达式 使用表达式定义函数,表达式中的函数名可以省略,如果这个函数名不省略,也只能用在此函数内部。 测试:匿名函数 + 函数表达式 1 //匿名函数 2 const add = function(x, y) { 3 return x +y; 4 }; 5 console.log(typeof(add)) // function...

js模拟发送 FormData数据

后台express需要connect-multiparty模块接收formData的数据类型 class ourFormData { constructor(data, rs) { return new String((function (data, rs) { let data_string = ' '...

js判断浏览器类型

js判断浏览器类型 <script type="text/javascript" ><!-- function getOs() { var OsObject = ""; if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) { return "MSIE"; } if(isFirefox=na...

js获取时间处理年月日/ 时分秒

// 获取时间,格式YYYY-MM-DD export function getFormatDate (type) { const date = new Date() const year = date.getFullYear() let month = date.getMonth() + 1 let strDate = '' cons...

用js小类库获取浏览器的高度和宽度信息

在做项目时碰到了要在页面上显示一个浮动DIV层的效果。本来做的是在页面居中时显示的,但后来经过自己的测试发现,当网页中出现了滚动条之后,那个浮动的DIV却还是在页面的顶部显示的。因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了),因此,我们需要准备的知道用户当前的浏览的位置的信息。在实现这个要求之前,...