• 倒计时


    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;

    }

  • 相关阅读:
    Silverlight 之 断点调试
    Silverlight 之 浅析
    Silverlight 之 新建项目解析
    Silverlight 之 创建
    有关TCP和UDP 粘包 消息保护边界
    计算机网络杂项
    RTP
    如何取消Linux下,vi中显示的^M符号
    Linux下实现定时器Timer的几种方法
    UNIX网络编程——套接字选项
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/7761140.html
Copyright © 2020-2023  润新知