1.如何定时?
setTimeout(fn,ms) 在指定的毫秒数后调用函数或计算表达式,函数返回一个定时器的timeId。
fn: 自定义函数
ms: 函数的间隔调用周期,单位:毫秒
setInterval(fn,ms) 按照指定的周期(以毫秒计)来调用函数或计算表达式,函数返回一个定时器的timeId。
setTimeout调用一次
setInterval调用多次(以周期为单位重复调用)
2.如何取消定时?
clearTimeout(timeId) 取消由 setTimeout() 方法设置的 timeId。
clearInterval(timeId) 取消由 setInterval() 设置的 timeId。
3.定时器函数的应用场景
:一般用于制作动画效果,比如:轮播动画,倒计时跳转页面。
我们简单用定时器函数看看实际效果
<script type="text/javascript">
//设置定时器
var dsj1=setInterval(function() {
console.log("开始定时");
document.write("开始定时"+"<br/>");
},100);
var dsj2=setTimeout(function() {
document.write("<b>5秒后显示此信息!</b><br/>");
},5000);
//清除定时器
setInterval(dsj1);
clearInterval(dsj2)
// 网页的内容是访问者看的(就不能无限制的死循环),控制的内容是给开发人员看到(看到统计的次数)。
//函数的调用
function dingshi() {
//document.write("开始定时100"+"<br/>");
console.log("开始定时100000");
}
//一定不要加()
//dingshi(); //运行一次函数
setInterval(dingshi,1000);
</script>