zoukankan      html  css  js  c++  java
  • Javascript&Html-延迟调用和间歇调用

    Javascript&Html-延迟调用和间歇调用

    Javascript 是一种单线程语言,所有的javascript任务都会放到一个任务列表中,这些javascript任务会按照插入到列表中的顺序之行。

    延迟调用,就是从代码调用开始后需要等待多长的时间执行该段代码。

    使用的方法是:setTimeout(). 该函数可以传递两个参数,第一个参数是要执行的javascript代码或者函数,第二个参数是以毫秒为单位的需要延迟的时间。

    比如:

    setTimeout("alert('i love you forever')",1000);//该方式不推荐使用,因为传递字符串会导致性能损失

    setTimeout(function(){alert("i love you forever")},1000);//推荐该调用方式

    setTimeout()会返回一个唯一的标示,可以用来取消延迟调用,参考代码如下所示:

    var m_timeout = setTimeout(function(){alert("i love you forever")},1000);

    clearTimeout(m_timeout);

    取消一个尚未被调用的延迟函数需要调用clearTimeout(TimeoutID);

    2:间歇调用模式,就是设置一个时间间隔,然后每隔该时间段就会触发一个函数调用,参考代码

    setInterval (function(){alert("i love you ")},1000);

    每隔1000毫秒(=1秒)就会调用函数 function(){alert("i love you ")};

    setInterval()函数也会返回一个Javascript的唯一标示,然后使用这个唯一标示在必要的情况下取消该间歇调用函数

    var m_timeInterval = setInterval(function(){alert("i love you ")},1000);

    clearInterval(timeIntervalID);

    但是,总体来说,建议使用延迟模式来模拟间歇调用模式。

    Jason

    2014年02月18日

  • 相关阅读:
    vue-router(路由)详细教程
    vue路由对象($route)参数简介
    this.$router.push相关的vue-router的导航方法
    es6 Promise.reject()方法
    百度阿里网易大疆等大小厂前端校招面筋 | 掘金技术征文
    Vue 脱坑记
    (尚016)Vue指令(11个自带指令+自定义指令)
    (尚015)Vue过滤器(对显示的数据进行格式化)
    (尚014)Vue过渡与动画
    (尚013)Vue的生命周期
  • 原文地址:https://www.cnblogs.com/xingchen/p/3553953.html
Copyright © 2011-2022 走看看