一、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);
}