JavaScript 定时器 setTimeout、setInterval

仅供学习,转载请注明出处

定时器在javascript中的作用

1、制作动画
2、异步操作
3、函数缓冲与节流

定时器类型及语法

示例代码如下:

/*
    定时器:
    setTimeout  只执行一次的定时器 
    clearTimeout 关闭只执行一次的定时器
    setInterval  反复执行的定时器
    clearInterval 关闭反复执行的定时器

*/

var time1 = setTimeout(myalert,2000);
var time2 = setInterval(myalert,2000);
/*
clearTimeout(time1);
clearInterval(time2);
*/
function myalert(){
    alert('ok!');
}

下面再演示一下,如下:

延迟2秒后,打印一次hello

每个2秒,循环打印hello 。当打印3次,就终止。

练习

1、定时器制作移动动画




    
    
    


    

2、定时器制作时钟




    
    


    

3、定时器制作倒计时




    
    


    

你可能感兴趣的:(JavaScript 定时器 setTimeout、setInterval)