jquery 倒计时代码

时间:2021-04-21 22:04:52

jQuery代码如下:

<span style="font-size:18px;"><!-- 调用jQuery库 -->
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
//定义方法
function GetRTime(){
//获取当前时间
var NowTime = new Date();
//获取终止时间,在HTML中,通过id获取
var EndTime = $("#begin_time").text();
//计算终止时间与当前时间的时间差
//注意js时间戳与PHP时间戳的不同
var nMS = EndTime-Math.round(new Date().getTime()/1000-28800);

//定义参数 获得天数
var nD = Math.floor(nMS/(60 * 60 * 24));
//定义参数 获得小时
var nH = Math.floor(nMS/(60*60)) % 24;
//定义参数 获得分钟
var nM = Math.floor(nMS/(60)) % 60;
//定义参数 获得秒钟
var nS = Math.floor(nMS) % 60;
//显示天数
$("#dd").text(nD);
//显示小时
$("#hh").text(nH);
//显示分钟
$("#mm").text(nM);
//显示秒钟
$("#ss").text(nS);
}

$(document).ready(function () {
//定义参数 显示出GetRTime()方法 1000毫秒以后启动 ,每1秒循环执行
var timer_rt = window.setInterval("GetRTime()", 1000);
});
</script> </span>

将以上获取的值显示到下面HTML代码中:

<span style="font-size:18px;"><span class="num" id="dhms">
<strong id="begin_time" style="display:none;">{$deal_info.begin_time}</strong>
距离开始:
<strong id="dd"></strong>天
<strong id="hh"></strong>小时
<strong id="mm"></strong>分
<strong id="ss" style="color:red;"></strong>秒
</span></span>