cleey
望着那一丝海线,若隐若现。落日下的海霞,数不尽的美,看不完的醉
js实现倒计时

js实现倒计时的代码:

时间展示

function timeGoOn(){
    function getFullStr(i){
      return i<10?"0"+i:i;
    }
    var today = new Date();
    var h = getFullStr(today.getHours());       //获取当前小时数(0-23)
    var m = getFullStr(today.getMinutes());       //获取当前小时数(0-23)
    var s = getFullStr(today.getSeconds());     //获取当前分钟数(0-59)
//$('#timeinfo').text(h+':'+m+':'+s);
document.getElementById('h').innerHTML = h;
  }
  setInterval(timeGoOn, 500);

 倒计时,下面是,html+js:

<div class="head">OPS系统升级倒计时 ......</div>
    <div class="mc" style="font-size: 40px;color: #828282;">
      <span id="time_hour" class="hour" style="color:#DD2A2E">11</span>:
      <span id="time_minute" class="minute" style="color:#DD2A2E">08</span>:
      <span id="time_second" class="second">47</span>
    </div>
 
    <script type = "text/javascript">
    function timer(){
      var ts = (new Date(2014, 6, 9, 20, 0, 0)) - (new Date());//计算剩余的毫秒数
      var hh = parseInt(ts / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
      var mm = parseInt(ts / 1000 / 60 % 60, 10);//计算剩余的分钟数
      var ss = parseInt(ts / 1000 % 60, 10);//计算剩余的秒数
      hh = checkTime(hh);
      mm = checkTime(mm);
      ss = checkTime(ss);
      document.getElementById("time_hour").innerHTML = hh;
      document.getElementById("time_minute").innerHTML = mm;
      document.getElementById("time_second").innerHTML = ss;
      setInterval("timer()",1000);
    }
    function checkTime(i){  
       if (i < 10) {  
           i = "0" + i;  
        }  
       return i;  
    }  
</script>

<< 上一篇 CSS透明色 js 获取当前位置 下一篇 >>
文章标签
随意 | Created At 2014 By William Clinton | 蜀ICP备14002619号-4 |