JS原生代码之倒计时抢购

最新推荐文章于 2021-10-10 10:56:28 发布

weixin_30338481

最新推荐文章于 2021-10-10 10:56:28 发布

阅读量144

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/yuer20180726/p/11152292.html

版权

学到了原声js改变input的disabled的属性值，因为想让倒计时结束的同时，抢购按钮可以被点击。代码为：document.getElementById("buy").disabled = "";或者disabled的值为false也可以。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>倒计时抢购</title>
 6 </head>
 7 <body>
 8     <span id="time"></span>
 9     <input type="button" value="开始抢购" id="buy" disabled="true">
10     <script>
11         function Time(){
12             var date = new Date();
13             var nowhour = date.getHours();
14             var nowmin = date.getMinutes();
15             var nowsec = date.getSeconds();
16             var finalhour = 22;
17             var finalmin = 22;
18             var finalsec = 22;
19             var finals = finalhour * 3600 + finalmin * 60 + finalsec;
20             var nows = nowhour * 3600 + nowmin * 60 + nowsec;
21             var showhour = parseInt((finals - nows)/3600);
22             var showmin = parseInt((finals - nows)%3600/60);
23             var showsec = (finals - nows)%60;
24              if(showsec<10){
25                 showsec = "0" + showsec;
26             }
27             if(showmin<10){
28                 showmin = "0" + showmin;
29             }
30             if(showhour<10){
31                 showhour = "0" + showhour;
32             }
33             document.getElementById("time").innerHTML = "距离22点22分22秒还有：" + showhour + ":" + showmin + ":" + showsec;
34             if(showhour == "00" && showmin == "00" && showsec =="00"){
35                 clearInterval(t);
36                 document.getElementById("buy").disabled="";
37             }
38         }
39         Time();
40         var t = setInterval(Time,1000);
41     </script>
42 </body>
43 </html>

转载于:https://www.cnblogs.com/yuer20180726/p/11152292.html

weixin_30338481

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS原生代码之倒计时抢购

学到了原声js改变input的disabled的属性值，因为想让倒计时结束的同时，抢购按钮可以被点击。代码为：document.getElementById("buy").disabled = "";或者disabled的值为false也可以。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ...
复制链接

扫一扫