JS倒计时-自定义

最近学到了这块,要求:提供可选择的倒计时,倒计时结束之后数字消失,倒计时时间可以随机切换,点击结束倒计时按钮倒计时结束。

1、操作按钮与倒计时、颜色切换显示

JS倒计时-自定义_第1张图片

2、初始化全局变量存储数据

JS倒计时-自定义_第2张图片

 3、点击开始倒计时

JS倒计时-自定义_第3张图片

 4、点击终止倒计时

 5、自定义倒计时时间(不输入倒计时初始化默认为8S)

JS倒计时-自定义_第4张图片

 6、展示效果

(1)初始化

JS倒计时-自定义_第5张图片

(2)倒计时,并且切换下方div背景颜色

JS倒计时-自定义_第6张图片

 

 

你可能感兴趣的:(记录,javascript,前端,html)