DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

javascript如何设置延时执行?

  • javascript如何设置延时执行?

  • 已被浏览: 19 次2020年09月04日    来源:  https://www.dmozdir.org/
  • JavaScript中可以通过setTimeout()函数在指定时间后执行代码实现延时执行,使用clearTimeout()函数取消setTimeout()。
    使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。

    JavaScript 的计时事件的函数:

    setTimeout() - 在指定时间后执行代码
    clearTimeout() - 取消 setTimeout()
    注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。

    setTimeout详解

    var t=setTimeout("javascript 语句",时间参数)

    注:时间参数单位为毫秒
    示例:

    var t=setTimeout("alert('3 seconds!')",3000)

    如果js语句带变量,则必须用+号将变量连接起来,如:

    var t=setTimeout("document.getElementById("+menuid+").style.display='none'",3000)

    clearTimeout详解

    语法:

    clearTimeout(setTimeout的变量名)

    示例:

    clearTimeout(t)    //其中t为前面设置的setTimeout的变量

    使用clearTimeout可以随时停止计时。

    JavaScript使用setTimeout()函数实现延时执行示例:

    延迟切换tab
    需求:页面上有几个tab,切换tab的时候,会对某个特定区域的数据进行拉取更新。
    弊端:用户从第一个tab切换一直快速切到尾,就会产生n个ajax请求。其实用户只是需要看到最后一个tab的数据。

    var changeTab = function(){ 
    var timeId = 0; 
    return function(tabId){ 
    if(timeId){ 
    clearTimeout(timeId); 
    timeId=0; 
    } 
    setTimeout(function(){ 
    //ajax do something 
    },500); 
    }; 
    }();

    以上就是javascript如何设置延时执行?的详细内容,更多请关注DMOZ中文网站分类目录其它相关文章!


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:JavaScript

  • 上一篇:javascript是单线程还是多线程的?
  • 与“javascript如何设置延时执行?”相关的资讯
  • JavaScript中关于null的一切
  • 入门学习JavaScript
  • JavaScript进阶教程(7)
  • Javascript入门阶段——了解JS
  • JavaScript本地储存:localStorage、sessionStorage、cookie