2019-12-30

计算器

2019-12-30_第1张图片

运行计算器

2019-12-30_第2张图片

计算器窗口

定时器:

/*

setTimeout    只执行一次的定时器

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

setInterval       反复执行的定时器

clearInterval  关闭反复执行的定时器

*/

// setTimeout(myAlert,3000);//定时器,3秒之后弹窗口

定时器的基本用法:

var timer =setTimeout(funtion(){

alert('hello');

},3000);//固定时间打开定时器

clearTimeout(timer)//清除定时器  只执行一次

var timer2 =setInterval(funtion(){

alert('hello')

},2000)//反复执行定时器

clearInterval(timer2)//清除定时器

实现一个定时器动画:

2019-12-30_第3张图片

时钟的制作:

2019-12-30_第4张图片

创建时钟的显示格式

2019-12-30_第5张图片

针对时钟格式做出的调整

你可能感兴趣的:(2019-12-30)