菜鸡源码,专注精品下载!
当前位置:首页 > 建站教程 > 建站知识

JavaScript实现2020年春节倒计时代码

发布时间:2024-01-05  栏目:建站知识   浏览:   分类:js教程 js代码

要实现一个JS距离2020年过年倒计时的代码,首先需要获取当前时间,然后计算出2020年过年的时间,接着计算两个时间之间的差值,最后将差值转换为天、小时、分钟和秒。以下是一个简单的实现: 1. 获取当前时间:`const now = new Date();` 2. 计算2020年过年时间:`const newYear = new Date(now.getFullYear() + '-01-01');` 3. 计算时间差:`const diff = newYear - now;` 4. 转换时间差为天、小时、分钟和秒:`const days = Math.floor(diff / (1000 * 60 * 60 * 24));` 5. 输出结果:`console.log(days);`

JS距离2020过年倒计时代码,大概效果如下图,样式自行美化,这里就不分享样式了,只分享js代码。

JS距离2020过年倒计时代码
JS倒计时代码截图
<divclass="gn_box"><h1><center><fontcolor=#E80017>2</font><fontcolor=#D1002E>0</font><fontcolor=#BA0045>2</font><fontcolor=#A3005C>0</font><fontcolor=#8C0073>年</font><fontcolor=#75008A>-</font><fontcolor=#5E00A1>新</font><fontcolor=#4700B8>年</font><fontcolor=#3000CF>倒</font><fontcolor=#1900E6>计</font><fontcolor=#0200FD>时</font></center></h1><center><divid="CountMsg"class="HotDate"><spanid="t_d">157天</span><spanid="t_h">9时</span><spanid="t_m">7分</span><spanid="t_s">42秒</span></div></center><scripttype="text/javascript">functiongetRTime(){varEndTime=newDate('2020/01/2500:00:00');varNowTime=newDate();vart=EndTime.getTime()-NowTime.getTime();vard=Math.floor(t/1000/60/60/24);varh=Math.floor(t/1000/60/60%24);varm=Math.floor(t/1000/60%60);vars=Math.floor(t/1000%60);document.getElementById("t_d").innerHTML=d+"天";document.getElementById("t_h").innerHTML=h+"时";document.getElementById("t_m").innerHTML=m+"分";document.getElementById("t_s").innerHTML=s+"秒";}setInterval(getRTime,1000);</script></div>


相关文章

    无相关信息
评论
建站知识
建站知识
使用技巧
调试安装
运营推广