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