2022年春节倒计时html代码

2022年春节倒计时html代码 第2张插图

分享一款2022年全新美观的春节倒计时html代码,小编添加了一段背景音乐,配上音乐才有新年的气氛~

HTML代码

```<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>春节倒计时</title> </head> <body> <div> <h1><font color="ff0000"></font><div class="text" style=" text-align:center;"><font color="ff0000"><img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/denglong.gif" alt="网站春节倒计时代码分享" title="灯笼" alt="灯笼">春节倒计时<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/denglong.gif" alt="网站春节倒计时代码分享" title="灯笼" alt="灯笼"></font></div></h1> <h3 id="title-1"><div class="text" style=" text-align:center;">2021年春节时间:2021年2月12日 星期五 农历正月初一<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/meigui.png" alt="网站春节倒计时代码分享" title="玫瑰" alt="玫瑰"></div></h3> <h3 id="title-2"><div class="text" style=" text-align:center;"><img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/taiyang.png" alt="网站春节倒计时代码分享" title="太阳" alt="太阳">距离2021年春节过年还有<img class="wp-smiley" src="https://cdn.qqsuu.cn/Gallery/89.png" alt="网站春节倒计时代码分享"></div></h3> <div><div class="text" style=" text-align:center;"> <span id="t_d">00</span> <span id="t_h">00</span> <span id="t_m">00</span> <span id="t_s">00</span> </div> </body> </html> <script type="text/javascript"> function getRTime(){ var EndTime= new Date('2022/02/12 00:00:00'); //截止时间 var NowTime = new Date(); var t =EndTime.getTime() - NowTime.getTime(); var d=Math.floor(t/1000/60/60/24); var h=Math.floor(t/1000/60/60%24); var m=Math.floor(t/1000/60%60); var s=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>```
免责声明

本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!
如若转载,请注明出处:https://www.zxki.cn/2397.html

上一篇 2021-12-26 09:03
下一篇 2021-12-26 09:34

相关推荐

发表评论

为了防止灌水评论,登录后即可评论!

已有 1 条评论