吐槽段：

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

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

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

      现在是PokeCats游戏开发的第六十一天的晚上,终于拿到软著权登记证书了!   看来易版权确实是个值得信赖的代办机构呢,400块花的不冤.

  2. django 安装/部署过程

    一.软件安装 1.升级linux中的python   参考“centos升级python” 2.安装apache(httpd) 3.安装django,先要安装setuptools    参考“安装dj ...

  3. tomcat 相关

    servlet.xml 文件: 1 . 修改端口号,找到如下标签,port 属性就是端口号,修改之后重启服务器即可, <Connector connectionTimeout="200 ...

  4. js 复制到剪贴板 兼容还得自己想办法

    clipboard.js https://github.com/zenorocha/clipboard.js/ 主要问题还是ie8, 可以使用ie 特有的方法 if (window.clipboard ...

  5. Bootstrap 基本模板理解

    <!-- 声明文档类型 为 html5 --> <!DOCTYPE html> <!-- 声明页面内容主要为 中文简体 --> <html lang=&quo ...

  6. Visual Stdio 2015打包安装项目的方法（使用Visual Studio Installer）

    首先在官网下载VS2015的Visual Studio Installer 1.创建安装项目 里面最左侧的框框有三个文件夹 1.“应用程序文件夹”即"Application Folder&q ...

  7. MATLAB中imfilter函数

    功能:对任意类型数组或多维图像进行滤波. 用法:B = imfilter(A,H) B = imfilter(A,H,option1,option2,...) 或写作g = imfilter(f, w ...

  8. Linux特殊字符含义

    文件名以 ' . ' 开头的都是隐藏文件或目录,只需要在文件或目录名前添加 ' . ' 就可以隐藏它 ~               表示主目录 .                当前目录 . .  ...

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

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

  10. BZOJ4597：[SHOI2016]随机序列——题解

    https://www.lydsy.com/JudgeOnline/problem.php?id=4597 你的面前有N个数排成一行.分别为A1, A2, … , An.你打算在每相邻的两个 Ai和 ...