html相恋计时,index.html

恋爱倒计时

h1 {

width: 250px;

margin: 100px auto 50px auto;

}

.item {

width: 500px;

height: 50px;

margin: 0 auto;

text-align: center;

font-size: 30px;

color: orange;

}

strong {

background-color: orange;

padding: 0 10px;

color: #fff;

border-radius: 4px;

}

距离恋爱一千天,还有

00天

00时

00分

00秒

alert("段铭锟和王娟的恋爱倒计时！");

alert("亲爱的乖!");

alert("爱你呀");

alert("恋爱一千天，珍惜到永远！");

var endTime = new Date("2021-4-2");

var dayel = document.querySelector(".day");

var hourel = document.querySelector(".hour");

var minel = document.querySelector(".min");

var secondel = document.querySelector(".second");

//计算

setInterval(

function () {

// 获取现在的时间

var nowTime = new Date();

// 相差的时间

var stamp = endTime - nowTime;

// console.log(stamp);

var day_ms = 24 * 60 * 60 * 1000;

var hour_ms = 60 * 60 * 1000;

var min_ms = 60 * 1000;

var day = Math.floor(stamp / day_ms);

var hour = Math.floor((stamp % day_ms) / hour_ms);

var min = Math.floor((stamp % hour_ms) / min_ms);

var s = Math.floor((stamp % min_ms) / 1000);

// console.log(day,hour,min,s);

dayel.innerText = wrap(day);

hourel.innerText = wrap(hour);

minel.innerText = wrap(min);

secondel.innerText = wrap(s);

}, 1000);

function wrap(n) {

return n>=10?n:"0"+n;

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史