[javascript]setInterval与setTimeout的分析

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);

下一篇：[vue]子组件通过props获取父组件数据以及使用watch解决动态数据不生效的问题
上一篇：[javascript]监听页面加载情况