前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >元旦倒计时代码分享

元旦倒计时代码分享

作者头像
你的明明呐丶
发布2022-06-27 11:11:57
9130
发布2022-06-27 11:11:57
举报
文章被收录于专栏:用户4184852的专栏

快到元旦啦,博主分享一段倒计时代码!本站同款!

代码语言:javascript
复制
<style>
.HotDate{
	width:100%;
	color: #d99c3b;
	font-size: 2rem;
	font-weight:bold;
	background: radial-gradient( circle, rgba(119, 13, 13, 0.92) 64%, rgba(0, 0, 0, 0.6) 100% );
	padding:20px 0;
	text-align:center;
	border-radius:5px;
}
</style>
<div id="CountMsg" class="HotDate">
<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>
<script type="text/javascript">
function getRTime(){
var EndTime= new Date('2021/1/1 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>

效果预览:

图片[1]-元旦倒计时代码分享-明恒博客
图片[1]-元旦倒计时代码分享-明恒博客
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果预览:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档