显示活动倒计时JS代码+html代码-易站站长网

代码运行效果：

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Date对象-倒计时</title>
</head>
<body>
<div id="countDown" style="font-size: 16px;color: red;text-align: center;"></div> <!--显示倒计时的区域-->
<script type="text/javascript">
function countDown(time) {
var nowTime = +new Date(); //使用“+”运算符转换为数值型
var inputTime = +new Date(time);
if (nowTime <= inputTime) {
var times = (inputTime - nowTime) / 1000; //毫秒数，换算成秒
var dd = parseInt(times / 60 / 60 / 24); //剩余天数
dd = dd < 10 ? '0' + dd : dd;
var hh = parseInt(times / 60 / 60 % 24); //剩余小时数
hh = hh < 10 ? '0' + hh : hh;
var mm = parseInt(times / 60 % 60); //剩余分钟数
mm = mm < 10 ? '0' + mm : mm;
var ss = parseInt(times % 60); //剩余秒数
ss = ss < 10 ? '0' + ss : ss;
document.getElementById("countDown").innerHTML=dd+'天'+hh+'时'+mm+'分'+ss+'秒';
} else {
clearInterval(countTime);
document.getElementById("countDown").innerHTML = "活动时间以结束";
}
}
var countTime=setInterval("countDown('2023-1-4 00:00:00')",1000);//修改为结束时间
</script>
</body>
</html>