Javascript基础——定时器的使用及简单小应用(简易时钟1、延时提示框)

1、开启时钟、关闭时钟各有两种方式：

开启：setInterval()、setTimeout()

关闭：clearInterval()、clearTimeout()

同时，setInterval()/setTimeout()开启时钟函数传递两个参数——执行函数/参数、间隔毫秒ms数

这两种方式的区别是——

  setInterval()函数会一直的执行下去，具有时间上的间隔性；

      setTimeout()函数执行一次，便会终止，具有时间上的延时性。

思考：如何停止一个定时器？

代码步骤1——

主框架：先写页面加载事件window.οnlοad=function(){...};

代码步骤2——

（1）获取按钮id/class元素

打开按钮：var oBtn1=document.getElementById('btn1');

关闭按钮：var oBtn2=docuemnt.getElementById('btn2'); 

（2）若关闭时钟，需要借助一个timer元素

var timer=null;

代码步骤3——

打开时钟函数：先定义一个匿名函数，该匿名函数意义为先点击打开按钮，触发点击事件，设置时钟间隔，这里以毫秒ms来进行计算。

timer=oBtn1.οnclick=function(){

setInterval(function(){

  alert('a');

},1000);

};

关闭时钟函数：仅传递上述参数timer即可

clearInterval(timer);

2、开启、关闭时钟的小应用实现案例1——制作一个数码时钟

思路：

（1）从布局来讲，先从时分秒开始