吐槽段：

需求的变更是千变万化的，至少在你说服和你打交道的那位谁谁谁之前。

创业公司就是这样，产品经理一个想法，就是改改改，管你改起来复杂不复杂，在他们眼里都是非常简单的。

今天的一个小改动需求，把活动的倒计时改成一个循环的30分钟倒计时，没错，就是一个循环的30分钟倒计时，这个活动是永无止境的。

技术段：

HTML

 <p>红包有效期：

     <!--2.倒计时HTML-->

     <span id="minute">00</span>分

     <span id="second">00</span>秒

 </p>

JS

 <!--3.倒计时js-->

 <script type="text/javascript">

     var minute = "29";

     var second = 59;

     setInterval(function() {

         second--;

         if(second == 00 && minute == 00) {

             minute = 29;

             second = 59;

         }; //当分钟和秒钟都为00时，重新给值

         if(second == 00) {

             second = 59;

             minute--;

             if(minute < 10) minute = "0" + minute;

         }; //当秒钟为00时，秒数重新给值

         if(second < 10) second = "0" + second;

         $("#minute").text(minute);

         $("#second").text(second);

     }, 1000);

 </script>

全部代码

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <!--1.引入jq-->

         <script src="http://code.jquery.com/jquery-latest.js"></script>

     </head>

     <body>

         <p>红包有效期：

             <!--2.倒计时HTML-->

             <span id="minute">00</span>分

             <span id="second">00</span>秒

         </p>

     </body>

     <!--3.倒计时js-->

     <script type="text/javascript">

         var minute = "29";

         var second = 59;

         setInterval(function() {

             second--;

             if(second == 00 && minute == 00) {

                 minute = 29;

                 second = 59;

             }; //当分钟和秒钟都为00时，重新给值

             if(second == 00) {

                 second = 59;

                 minute--;

                 if(minute < 10) minute = "0" + minute;

             }; //当秒钟为00时，秒数重新给值

             if(second < 10) second = "0" + second;

             $("#minute").text(minute);

             $("#second").text(second);

         }, 1000);

     </script>

 </html>

js_一个简单的30分钟循环倒计时的更多相关文章

  1. 如何设置一个严格30分钟过期的Session（转载）

    本文地址: http://www.laruence.com/2012/01/10/2469.html 今天在我的微博(Laruence)上发出一个问题: 我在面试的时候, 经常会问一个问题: &quo ...

  2. 如何设置一个严格30分钟过期的Session

    今天在我的微博(Laruence)上发出一个问题: 我在面试的时候, 经常会问一个问题: “如何设置一个30分钟过期的Session?”, 大家不要觉得看似简单, 这里面包含的知识挺多, 特别适合考察 ...

  3. 如何设置session过期时间为30分钟

    今天在我的微博(Laruence)上发出一个问题: 我在面试的时候, 经常会问一个问题: “如何设置一个30分钟过期的Session?”, 大家不要觉得看似简单, 这里面包含的知识挺多, 特别适合考察 ...

  4. （原创）如何使用boost.asio写一个简单的通信程序（二）

    先说下上一篇文章中提到的保持io_service::run不退出的简单办法.因为只要异步事件队列中有事件,io_service::run就会一直阻塞不退出,所以只要保证异步事件队列中一直有事件就行了, ...

  5. 30 分钟开发一个简单的 watchOS 2 app <oneVcat>

    Apple Watch 和 watchOS 第一代产品只允许用户在 iPhone 设备上进行计算,然后将结果传输到手表上进行显示.在这个框架下,手表充当的功能在很大程度上只是手机的另一块小一些的显示器 ...

  6. 2016windows（10） wamp 最简单30分钟thrift入门使用讲解，实现php作为服务器和客户端的hello world

    2016最简单windows(10) wamp 30分钟thrift入门使用讲解,实现php作为服务器和客户端的hello world thrift是什么 最简单解释 thrift是用来帮助各个编程语 ...

  7. 30分钟用 Laravel 实现一个博客

    介绍 Laravel 是一款 MVC架构. 目前最流行的 PHP框架. Laravel的优点在于: 丰富的composer类库支持, 优雅的代码, 未来的主流框架(目前市场占有率最高的框架) Lara ...

  8. 【干货】零基础30分钟让你拥有一个完整属于自己的短视频APP系统

      目录 一.附言: 1 二.购买域名和购买服务器: 2 三.搭建服务器环境: 5 四.配置APP前端部分: 8 1.工具以及文件准备: 9 2.配置后端接口地址 11 3.配置APP启动图和启动图标 ...

  9. 30分钟编写一个抓取 Unsplash 图片的 Python爬虫

       我一直想用 Python and Selenium 创建一个网页爬虫,但从来没有实现它. 几天前, 我决定尝试一下,这听起来可能是挺复杂的, 然而编写代码从 Unsplash 抓取一些美丽的图片 ...

随机推荐

  1. QWidget一生，从创建到销毁事件流

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址: 本文标题:QWidget一生,从创建到销毁事件流     本文地址:http://techieliang ...

  2. 播放MP3

    播放背景音乐 上文来自:http://blog.csdn.net/henulwj/article/details/8977738 using System; using System.Collecti ...

  3. 第52天：offset家族、scroll家族和client家族的区别

    一.offset家族 1.offsetWidth offsetHeight offsetLeft offsetTop offsetParent共同组成了offset家族,用来获取元素尺寸. offse ...

  4. 在mvc返回JSON时出错：序列化类型为“System.Data.Entity.DynamicProxies.Photos....这个会的对象时检测到循环引用 的解决办法

    在MVC中返回JSON时出错,序列化类型为“System.Data.Entity.DynamicProxies.Photos....这个会的对象时检测到循环引用. public ActionResul ...

  5. HUAS 1483 mex(莫队算法)

    考虑莫队算法,对于区间减小的情况,可以O(1)解决.对于区间增加的情况,可能需要O(n)解决.好在数据不卡莫队. 1200ms过了. 离线+线段树 760ms过了. # include <cst ...

  6. 《转》'autocomplete="off"'在Chrome中不起作用解决方案

    最近项目中遇到一个令人头疼的问题,查阅各种资料,尝试各种方法,最终得以解决:哎···下面就说说这心酸的历程吧. 大家都知道autocomplete属性是表单字段中的HTML5新属性,该属性有两种状态值 ...

  7. 去除安卓手机select下拉框默认箭头

    -webkit-appearance: listbox;

  8. hdu 1392 Surround the Trees (凸包)

    Surround the Trees Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Other ...

  9. bzoj 1877: [SDOI2009]晨跑 (网络流）

    明显拆点费用流: type arr=record toward,next,cap,cost:longint; end; const mm=<<; maxn=; maxm=; var edg ...

  10. [HNOI2012][BZOJ2732] 射箭 [二分+半平面交]

    题面 BZOJ题面 思路 半平面交代码讲解戳这里,用的就是这道题 我们射箭的函数形如$y=Ax^2+Bx$ 考虑每一个靶子$(x_0,y_1,y_2)$,实际上是关于$A,B$的不等式限制条件 我们只 ...