一、定时器在javascript中的作用

1、制作动画

1  2  3  4     
       5      6     16     30 31 32     
      
33 34 

2、异步操作

3、函数缓冲与节流

二、定时器的类型与语法

1、setTimeout只执行一次的定时器,指定的毫秒数后执行指定的代码

 语法：setTimeout(函数名code，延迟时间time)；

参数说明：code:指定毫秒数后要执行的函数或js代码

　　　　　  time:指定毫秒数

实例：3秒后页面跳转到百度首页

　　　　setTimeout(function(){

　　　　　　location.href = "https://www.baidu.com";

　　　　},3000);

实例：弹框，效果图如下：

    
              
              
弹框信息
      
    
       
        
        
            
         
提示信息
            
         X        
        
        
        
            
         
输入框不能为空
        
        
        
        
            
         朕知道了        
        
    
       
      

2、clearTimeout关闭只执行一次的定时器

要使用 clearTimeout() 方法, 在创建超时方法时必须使用全局变量：

　　   

3、setInterval反复执行的定时器（每隔指定的毫秒数不停地执行指定的代码）

语法:setInterval(code,time);

参数说明:

　　　　code为每隔指定的毫秒数要执行的函数或js代码

　　　　time是指定的毫秒数

实例：倒计时，效果图如下：

1  2  3  4     
       5      6     30 31 32     
      
33 34 

实例：动态时钟，效果图如下：

4、clearInterval关闭反复执行的定时器，停止 setInterval() 方法执行的函数代码

要使用 clearInterval() 方法, 在创建计时方法时必须使用全局变量：

　　

　　　　  

三、setInterval()和setTimeout的区别

前者会不停的循环执行，而后者只会执行一次

四、日期时间写法