举例,距离元旦放假还有多久:
<body>
<div>距离元旦放假还有</div>
<div id="box"></div>
<script type="text/javascript">
// 获取元素
var box = document.getElementById("box");
// 调用函数
timemove();
// 定义函数
function timemove() {
// 获取当前时间
var d1 = new Date();
// 定义目标时间
var d2 = new Date("2021/1/1 00:00:00");
// 定义剩余时间
var d = d2 - d1;
// 计算剩余天数
var toDay = parseInt(d / 1000 / 60 / 60 / 24);
// 计算剩余小时
var toHours = parseInt(d / 1000 / 60 / 60 % 24);
// 计算剩余分钟
var toMinutes = parseInt(d / 1000 / 60 % 60);
// 计算剩余秒
var toSeconds = parseInt(d / 1000 % 60);
//拼接变量
var time = toDay + "天" + toHours + "小时" + toMinutes + "分钟" + toSeconds + "秒";
// 将拼接好的变量显示在页面
box.innerHTML = time;
// 调用定时器,每秒刷新
var timer = setInterval(timemove, 1000);
// 当剩余时间小于等于0时,停止定时器,并输出计时结束
if (d <= 0) {
window.clearInterval(timer);
box.innerHTML = "计时结束";
}
}
</script>
</body>