吐槽段：
需求的变更是千变万化的，至少在你说服和你打交道的那位谁谁谁之前。
创业公司就是这样，产品经理一个想法，就是改改改，管你改起来复杂不复杂，在他们眼里都是非常简单的。
今天的一个小改动需求，把活动的倒计时改成一个循环的30分钟倒计时，没错，就是一个循环的30分钟倒计时，这个活动是永无止境的。
技术段：
HTML
1 <p>红包有效期： 2 <!--2.倒计时HTML--> 3 <span id="minute">00</span>分 4 <span id="second">00</span>秒 5 </p>
JS
1 <!--3.倒计时js-->
2 <script type="text/javascript">
3 var minute = "29";
4 var second = 59;
5 setInterval(function() {
6 second--;
7 if(second == 00 && minute == 00) {
8 minute = 29;
9 second = 59;
10 }; //当分钟和秒钟都为00时，重新给值
11 if(second == 00) {
12 second = 59;
13 minute--;
14 if(minute < 10) minute = "0" + minute;
15 }; //当秒钟为00时，秒数重新给值
16 if(second < 10) second = "0" + second;
17 $("#minute").text(minute);
18 $("#second").text(second);
19 }, 1000);
20 </script>
全部代码
1 <!DOCTYPE html>
2 <html>
3
4 <head>
5 <meta charset="UTF-8">
6 <title></title>
7 <!--1.引入jq-->
8 <script src="http://code.jquery.com/jquery-latest.js"></script>
9 </head>
10
11 <body>
12 <p>红包有效期：
13 <!--2.倒计时HTML-->
14 <span id="minute">00</span>分
15 <span id="second">00</span>秒
16 </p>
17 </body>
18 <!--3.倒计时js-->
19 <script type="text/javascript">
20 var minute = "29";
21 var second = 59;
22 setInterval(function() {
23 second--;
24 if(second == 00 && minute == 00) {
25 minute = 29;
26 second = 59;
27 }; //当分钟和秒钟都为00时，重新给值
28 if(second == 00) {
29 second = 59;
30 minute--;
31 if(minute < 10) minute = "0" + minute;
32 }; //当秒钟为00时，秒数重新给值
33 if(second < 10) second = "0" + second;
34 $("#minute").text(minute);
35 $("#second").text(second);
36 }, 1000);
37 </script>
38
39 </html>
原文地址：https://www.cnblogs.com/wush-1215/p/8136890.html
时间： 2024-10-05 00:30:26