吐槽段:
需求的变更是千变万化的,至少在你说服和你打交道的那位谁谁谁之前。
创业公司就是这样,产品经理一个想法,就是改改改,管你改起来复杂不复杂,在他们眼里都是非常简单的。
今天的一个小改动需求,把活动的倒计时改成一个循环的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>