电脑倒计时调用写好的html,HTML网页 倒计时(入门级)

【实例简介】倒计时

【实例截图】

【核心代码】

开学倒计时

.timebox2{width:100%;height:400px;background-color:#FCF3E2;padding: 1rem 0;background: url(图片/背景图片.jpg) center center no-repeat;background-size: 100% 100%;}

.timebox2 div,timebox2 span,timebox2 div span{color: #333 !important;}

.timebox2 .timecounter span{color: #333 !important;}

.timetext{width: 100%;text-align: center;}

.timetexttitle{font-size:0.7rem;margin-bottom: 10px;color: #fff;}

.timetextintro{font-size: 0.4rem;margin-bottom: 10px;color: #fff;padding: 0 0.4rem;box-sizing: border-box;}

.timecounter{font-size: 0.5rem;}

.txt{padding: 0 0.2rem;box-sizing:border-box;}

.clearbg5{display: block;clear: both;width: 100%;height: 0.16rem;overflow: hidden;background-color: #eee;}

.txt p{line-height: 30px;margin-top: 0.2rem;}

.txt p img{width: 100%;}

.timecounter span{color: #fff;}

内容1

内容2

内容3

0天

0时

0分

0秒

function getRTime() {

var EndTime = new Date("2020/08/023 14:30: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);

标签： 倒计时