超时调用和间歇调用

超时调用和间歇调用

1. 超时调用

介绍：超过一段时间后调用一次函数

方法：setTimeout()

参数：(函数，wait)---要执行的代码；以毫秒表示的时间

返回值：返回一个数值ID，利用其来取消超时调用clearTimeout(ID)

var id = setTimeout(function(){

                alert('超时调用')

               },3000);

                //clearTimeout(id);

               console.log(id);

 2. 间歇调用

介绍：每隔一段时间函数执行一次，按照指定的时间间隔重复执行代码

方法：setInterval()

参数：(函数，wait)---要执行的代码；以毫秒表示的时间

返回值：一个间歇调用的ID，利用其取消间歇调用clearInterval()

 var id = setInterval(function(){

                console.log('间歇调用');

            },1000);

            // clearInterval(id);

            console.log(id);

利用间歇调用实现时钟

var div =document.createElement('div');

setInterval(function(){

div.innerHTML = new Date().toLocaleString();

},1000)

document.body.appendChild(div);