html+css+js 学习笔记
定时器
- JavaScript提供定时执行代码的功能, 主要由
setTimeout()
和setInterval()
两个函数来完成, 向任务队列中添加定时任务.setTimeout()
: 指定某个函数或者某段代码, 在多少毫秒后执行, 返回一个整数, 表示定时器的编号, 以后可以取消这个定时器.<!--在检查中延时3秒打印文本--> <!DOCTYPE html> <html> <head> <title>标题</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width" , intial-scale=1, maximum-scale=1, user-scalable=no"> <style> </style> </head> <body> <script> setTimeout(function(){ console.log("延时打印设置"); }, 3000); //setTimeout(function(){}, 延时时间(ms)) </script> </body > </html>
- 注意setTimeout中的this指的是全局变量
//setTimeout中的this和一般thisqvbie var qvanjvuser = "qvanjvuser" var user = { name: "username", getName:function(){ //this永远指向当前调用者,这里的this指的是user console.log(this.name); setTimeout(function(){ console.log(this.name);//这里的延时里面的this指的是全局变量,即qvanjvuser }, 3000) } } user.getName();
- 取消定时器
var timer = setTimeout(function(){ console.log("延时打印设置"); }, 3000);//setTimeout(function(){}, 延时时间(ms)) clearTimeout(timer); //取消定时器
- 注意setTimeout中的this指的是全局变量
setInterval()
: 用法与setTimeout()
完全一致, 区别仅仅在于setInterval()
是指定某个任务每间隔一段时间就执行一次(即无限次的定时执行)- 用法:
setInterval(function(){}, [间隔时间](ms))
- 取消定时器
clearInterval(timer)
- 用法: