倒計(jì)時(shí)

html部分

<h2>倒計(jì)時(shí):(國(guó)慶節(jié))</h2>

<span id="down"></span><br>

<button onclick="start()">start</button>

<button onclick="end()">stop</button><br>

js部分~~~~~~

<script>

//距離2017年還有

function start(){

str=setInterval("lick()",1000);

}

function lick()

{

var time=new Date();

var miao=time.getTime();

var times=new Date("Oct 1,2017 12:00:00");

var miao2=times.getTime();

var cutt=miao2-miao;

var sec=Math.ceil(cutt/1000%60);

var min=Math.ceil(cutt/1000/60%60);

var hour=Math.ceil(cutt/1000/60/60%24);

var day=Math.ceil(cutt/1000/60/60/24);

document.getElementById("down").innerHTML=day+"天"+hour+"小時(shí)"+min+"分"+sec+"秒";

document.getElementById("down").style.color="red";

}

function end(){

clearInterval(str);

}

<script>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容