码迷,mamicode.com
首页 > Web开发 > 详细

JS倒计时

时间:2015-05-28 09:28:46      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

 

 

html代码

<h3 class="textnume">剩余时间:
<span id="t_d">00</span> 天
<span id="t_h">00</span> 时
<span id="t_m">00</span> 分
<span id="t_s">00</span> 秒
</h3>

 

JS代码 

<input type="hidden" name="end_time" id="end_time" value="<?php echo date(‘Y/m/d h:i:s‘,$output[‘sy_one‘][‘end_bg_time‘]);?>" />

<!--JS倒计时-->
<script type="text/javascript">
function getRTime(){
var end_time_valal = $("#end_time").val();
var EndTime= new Date(end_time_valal); //截止时间
var NowTime = new Date();
var t =EndTime.getTime() - NowTime.getTime();
var d=Math.floor(t/1000/60/60/24);
var h=Math.floor(t/1000/60/60%24);
var m=Math.floor(t/1000/60%60);
var s=Math.floor(t/1000%60);
if (d <= 9) d = ‘0‘ + d;
if (h <= 9) h = ‘0‘ + h;
if (m <= 9) m = ‘0‘ + m;
if (s <= 9) s = ‘0‘ + s;
document.getElementById("t_d").innerHTML = d + "";
document.getElementById("t_h").innerHTML = h + "";
document.getElementById("t_m").innerHTML = m + "";
document.getElementById("t_s").innerHTML = s + "";
}

setInterval(getRTime,1000);
</script>

JS倒计时

标签:

原文地址:http://www.cnblogs.com/richerdyoung/p/4535023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!