吐槽段：

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

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

今天的一个小改动需求，把活动的倒计时改成一个循环的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. YaoLingJump开发者日志（二）

      熟悉了一点LGame里的套路,可以正式开工了.   增加了一个信息栏,显示得分.硬币数.生命值和当前关卡(仿照了超级玛丽的布局).   准备瑶玲的各种动画(静止.奔跑.跳跃.趴下.休息和死亡等). ...

  2. python爬虫 赶集网

    #coding=utf-8import requestsfrom lxml import etreefrom sqlalchemy import create_enginefrom sqlalchem ...

  3. C#的垃圾回收

    C#中垃圾回收 GC.Collect();强制进行内存回收.

  4. Directory类的使用、Alt+Shift+F10可以查看其命名空间

    对于一个对象,按下Alt+Shift+F10可以查看其命名空间. Directory类的使用 using System; using System.Collections.Generic; using ...

  5. QT分析之消息事件机制

    原文地址:http://blog.163.com/net_worm/blog/static/127702419201001432028526/ 上回我们分析到QPushButton的初始化,知道了Wi ...

  6. Jekyll 使用 Rouge 主题

    今日发现我的 Github Pages 中的代码并没有高亮,看了一下代码发现,原来的没有设置 css 样式的原因,我使用的代码高亮器是 rouge highlighter: rouge Rouge 是 ...

  7. 从HR 到SBP其实还有很长的一段路要走

    战略性业务伙伴 Strategic business partners 关于这本书,一般是因为好奇,从HR到BP的角色,再到这个SBP,其实是一段没有走过的很虚的过程,不过总归是需要灯塔,即使偶尔只是 ...

  8. deep learning2

    九.Deep learning的常用模型或者方法 9.1.AutoEncoder自动编码器 Deep Learning最简单的一种方法是利用人工神经网络的特点,人工神经网络(ANN)本身就是具有层次结 ...

  9. hdu 2962 Trucking (最短路径)

    Trucking Time Limit: 20000/10000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total ...

  10. 编写高效Lua代码的方法

    编写高效Lua代码的方法 翻译自<Lua Programming Gems>Chapter 2:Lua Performance Tips:Basic fact By Roberto Ier ...