一、html代码通过div来动态显示倒计时的结果
<div id="djs"></div>
<input type="text" value="2016-07-29 10:00:00" id="time"/>
二、第二段代码是用来设置页面加载就调用这个倒计时的js 方法djstest();
$(document).ready(function(){
djstest();
})
三、第三段代码是 真正的通过js来动态的转换php的时间,此处时间为2016-07-29 10:00:00 这个格式。
//倒计时
function djstest(){
// 当前时间
var nowTime = new Date().getTime();
// 2016/12/22 hh:mm:ee
// 结束时间
var endTime = new Date(document.getElementById('time').value);
// 相差的时间
var t = endTime.getTime() - nowTime;
if(t<=0){
document.getElementById('djs').innerHTML ="活动已结束";
return false;
}
var d = Math.floor(t/1000/60/60/24);
var h = Math.floor(t/1000/60/60%24);
var i = Math.floor(t/1000/60%60);
var s = Math.floor(t/1000%60);
document.getElementById('djs').innerHTML = "距离活动结束还有:"+d+"天"+h+"时"+i+"分"+s+"秒";
setTimeout(djstest, 1000);
}
网友评论