本文主要是介绍jquery 倒计时代码,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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>
这篇关于jquery 倒计时代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!