设置倒计时和电灯开关

按照图片步骤来做

1、设置一个简单的倒数装置，如下从10到0自动停止。

2、Body的设置：从上图可以看出第一个框是输入框input标签，第二个开始倒计时是button按钮，为了后面方便点击按钮设置倒数开始，可以先在里面设置一个id（也可以用元素选择器）。

 

3、开始js部分，第一步获取元素。

      

4、第二步设置开始的数值为多少。

        

5、第三步定义一个设置时间的变量。

 

6、第四步设置点击按钮实现效果。

7、如果要到零停止就在里面设置一个if到零清除。

 

8、最后一步，把获取的数字绑定到input标签中，在设置每过一秒倒数下一个数字。

 

9、设置倒计时的说完了，现在开始说怎么用js来设置电灯开关（点击按钮改变颜色）。

10、第一步设置按钮，在body里输入button标签，可以在里面设置一个id，后面需要绑定也可以不设置。

11、第二步开始设置js部分，首先先获取button标签和body标签，用元素选择器或时id选择器。

12、定义一个变量。

 

13、设置点击按钮实现效果，用if循环判断变量为0时是什么颜色，为1时是什么颜色。

这是我所学到的设置倒计时和电灯开关，分享给你们，希望可以帮，助到你们。

以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！