本文實例為大家分享了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武林網。
新聞熱點
疑難解答