JavaScript实现新年倒计时效果

2024-05-06 16:46:51

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了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武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：javaScript实现游戏倒计时功能

下一篇：使用Javascript简单计算器