延迟调用
window
对象提供了两种基础的异步调用方式:定时调用setInterval()
和延迟调用setTimeout()
关于定时调用的内容点击查看
延迟调用和定时调用的区别
对于定时调用,如果不调用clearInterval()
关闭,每隔一定的时间,回调函数都会被调用一次;
延迟调用和定时调用的方法很类似,同样使用了window
对象的方法,setTimeout(function, milliseconds)
。调用这个方法之后,在延迟milliseconds
毫秒后,调用回调函数fucntion
。***与定时调用不同的是,延迟调用只会调用一次回调函数***
关闭延迟调用:clearTimeout()
与定时调用类似,setTimeout()
方法同样回返回一个id
,通过clearTimeout(id)
就可以在延迟调用前关闭延迟调用。
通过延迟调用实现定时调用
var title = document.querySelector("#title");
(function showTime(){
setTimeout(()=>{
title.innerHTML = (new Date()).toUTCString();
showTime();
}, 1000);
}).call();