zoukankan      html  css  js  c++  java
  • 倒计时

    1.秒倒计时

    html:

    <p id="time"></p>

    js:

    var time=10;

    var i=0;

    function djs(){

          if(i<=10){

             time=10-i;

             i++;

             document.getElementById("time").innerHtml=time;

        }

    }

    setTimeout (function(){djs()},1000)

    2.天时分秒倒计时(距离2018年11月11日9:00倒计时-今天是2017年10月31日)

    html

    <body onload="timer()">

          <div class="daojishi">

                 <h2>剩余时间为:</h2>

                  <div id="timer"></div>

          </div>

    </body>

    js:

    function timer(){

              var ts     = (new Date(2018,11,11,9,0,0)) - (new Data() )      //计算剩余毫秒数

              var dd    = parseInt(ts / 1000 / 60 / 60 / 24, 10);    //计算剩余天数

              var hh    = parseInt(ts / 1000 / 60 / 60 % 24, 10); //计算剩余小时数

              var mm  = parseInt(ts / 1000 / 60 % 60, 10);  //计算剩余分钟数

              var ss    = parseInt(ts / 1000 % 60, 10); //计算剩余秒数

               dd   = checkTime(dd);

               hh   = checkTime(hh);

               mm = checkTime(mm);

               ss   = checkTime(ss);

               document.getElementById("timer").innerHTML = dd + '天' + hh+ '时' + mm+ '分' + ss + '秒';

               setInterval("timer()",1000);

    }

     function checkTime(i){

          if(i<10){

                 i="0" + i ;

         }

         return i;

    }

  • 相关阅读:
    MYSQL索引
    MYSQL 外键 on语句 多表查询
    MYSQL用户管理
    MYSQL数据类型 表基本操作 表记录增删改 单表查询
    JQuery 引用方式
    JQuery 元素操作 each循环
    Android EditText方框验证码 短信验证码攻略
    android MVP模式介绍与实战
    一些不错的Android开源音视频播放器
    Android可伸缩布局-FlexboxLayout(支持RecyclerView集成)
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/7761140.html
Copyright © 2011-2022 走看看