html5自动计时器,HTML5计时器小例子

复制代码

代码如下：

用于放松工作平衡的HTML5计时器

clearInterval(handle);handle=null;alert(“嘿，时间到了！”);返回0;}minStr=Math.floor(countDownSeconds/60);secStr=countDownSeconds％60;如果(minStr<10){minStr=“0”+minStr;}如果(secStr<10){secStr=“0”+secStr;}context.clearRect(0，0，width，height);context.font=“24pt世纪哥特式”;context.fillText(minStr+“：”+secStr，宽度/2，高度/2);countDownSeconds--;}函数startWorkCountDown(){if(handle！=null){clearInterval(handle);}

countDownSeconds=document.getElementById(“workIntervalInput”)。value*60;timeDisplayCanvas=document.getElementById(“countdownCanvas”);timeDisplayContext2D=timeDisplayCanvas.getContext(“2d”);updateCanvas(timeDisplayContext2D，timeDisplayCanvas.width，timeDisplayCanvas.height);handle=setInterval(function(){updateCanvas(timeDisplayContext2D，timeDisplayCanvas.width，timeDisplayCanvas.height);}，1000);}函数startRestCountDown(){if(handle！=null){clearInterval(handle);}countDownSeconds=document.getElementById(“restIntervalInput”)。value*60;timeDisplayCanvas=document.getElementById(“countdownCanvas”);

timeDisplayContext2D=timeDisplayCanvas.getContext(“2d”);updateCanvas(timeDisplayContext2D，timeDisplayCanvas.width，timeDisplayCanvas.height);handle=setInterval(function(){updateCanvas(timeDisplayContext2D，timeDisplayCanvas.width，timeDisplayCanvas.height);}，1000);}

工作与生活平衡计时器

请选择工作间隔：

分钟这是画布努力工作休息一下

＆copy;保留版权