1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 // js定时器,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行 10 // js定时器的作用,制作动画,异步操作 11 // 定时器类型与语法: 12 // setInterval(function(),time)-间隔指定的毫秒数不停的执行指定的代码 13 // setTimeout(function(),time)-暂停指定的毫秒数执行指定的代码 14 // setInterval()和setTimeout()是Window对象的两个方法 15 // 定时器: 16 // setTimeout 只执行一次定时器 17 // clearTimeout 关闭只执行一次的定时器 18 // setInterval 反复执行的定时器 19 // clearInterval 关闭反复执行的定时器 20 function setTime () { 21 function demo(){ 22 console.log('单次定时器执行') 23 } 24 setTimeout(demo,1000);//调用外部写的函数时函数名后不要有() 25 26 setTimeout(function(){ 27 console.log('单次定时器启动') 28 },0); 29 30 setTimeout(function(){ 31 console.log('单次定时器结束') 32 },2000); 33 } 34 35 36 var set = setInterval(setTime,5000);//调用外部写的函数时函数名后不要有() 37 console.log('循环定时器启动') 38 39 setTimeout(function(){ 40 console.log('清除循环定时器'); 41 clearInterval(set);//调用外部写的函数时函数名后不要有() 42 },8000); 43 44 </script> 45 </body> 46 </html>