本文實例為大家分享了js實現新年倒計時展示的具體代碼,供大家參考,具體內容如下
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>新年倒計時</title><link rel="stylesheet" href="style.css" rel="external nofollow" /></head> <body><div class="time">距離新的一年還有 <span id="LeftTime"></span></div><script>function FreshTime(){ var endtime=new Date("2017/1/28,00:00:00");//結束時間 var nowtime = new Date();//當前時間 var lefttime= parseInt((endtime.getTime()-nowtime.getTime())/1000) ; d= parseInt(lefttime/(24*60*60)) ; h= parseInt(lefttime/(60*60)%24) ; m= parseInt(lefttime/60%60) ; s= parseInt(lefttime%60) ; document.getElementById("LeftTime").innerHTML=d+"天"+h+"小時"+m+"分"+s+"秒"; if(lefttime<=0){ document.getElementById("LeftTime").innerHTML="新年快樂"; clearInterval(sh); }} FreshTime() var sh; sh= setInterval(FreshTime,1000) ;</script></body></html>
css部分代碼:
@charset "UTF-8";/* CSS Document */div{ margin:0; padding:0; border:0;} .time{ width:400px; height:30px; margin:30px auto; font-size:14px;}#LeftTime{ color:red;}
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答