• 首页 Home
  • 简介 About
  • 项目 Service
  • 案例 Cases
  • 新闻 News
  • 技术文章 本硕新闻 行业资讯

    [javascript]setInterval与setTimeout的分析

    发表时间:2019-05-09  热度:

    setInterval()

    此方法可按照指定的周期来调用函数或者计算表达式(以毫秒为单位)

    语法:

    setInterval(函数表达式,毫秒数);

    setInterval()会不停的调用函数,直到clearInterval()被调用或者窗口被关闭;下面使用setInterval制作一个跑马灯。其实就是在指定的时间间隔去执行一个字符置换的方法。

    function show(){
    var msg = document.getElementById("show").innerText;
    var showstart = msg.substring(0,1);
    var showsend = msg.substring(1);
    showmsg=showsend+showstart;
    document.getElementById("show").innerText= showmsg;
    }
    setInterval(show,200);

    如果要使用clearInterval()清楚setinterval事件;

    var runingWord=setInterval(show,200);

    function StopRuningWord(){

        clearInterval(runingWord);

    }

    运行StopRuningWord()就会停止跑马灯。

     

    setTimeout

    setTimeout()方法用于在指定毫秒数后再调用函数或者计算表达式(以毫秒为单位)

    语法:

    setTimeout(函数表达式,毫秒数);

    setTimeout()只执行函数一次,如果需要多次调用可以使用setInterval(),或者在函数体内再次调用setTimeout()。

    setTimeout("alert('你已经等待了2秒时间,才看到这条信息的弹出;\\r\\n假如没有没有重复调用,我以后都不会出现。')",2000);
    文章怎么样?
    相关资讯