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)从布局来讲,先从时分秒开始