JavaScript定时器介绍与运用

JavaScript定时器

   JS的程序的执行速度是非常快的。如果想一段程序可以每间隔一段时间执行一次，可以使用定时器进行调用

   在JavaScript中定时器分为两种：定时器与延时定时器

   其中定时器中有两种属性：setInterval()定时调用、clearInterval()关闭定时器

   setInterval()定时调用

      可以将一个函数，每隔一段时间执行一次

      参数：

      1.回调函数，该函数会每隔一段时间被调用一次

      2.每次调用间隔的时间，单位是毫秒

      返回值：

         返回一个Number类型的数据

         这个数字用来作为定时器的唯一标识

   clearInterval()

可以用来关闭一个定时器

      方法中需要一个定时器的标识作为参数，这样将关闭标识对应的定时器

   下图是setInterval()、clearInterval()结合使用的一段代码

 

延时定时器：

   延时调用

      延时调用一个函数不马上执行，而是隔一段时间以后在执行，而且只会执行一次

      延时调用和定时调用的区别，定时调用会执行多次，而延时调用只会执行一次

      延时调用和定时调用实际上是可以互相代替的，在开发中可以根据自己需要去选择

  

   clearTimeout ()

   延时调用代码执行时，需要使用clearTimeout ()来关闭一个延时调用

  

下面运用定时器实现简单的显示当前时间：

先使用HTML跟CSS进行一个简单的页面布局，布局如下࿱