在页面写一个倒计时的功能，例如距离2017年还有多久_写一个一年时间的倒计时-优快云博客

本文介绍了一个使用JavaScript实现的倒计时页面，该页面能够精确显示距离指定日期(2017年1月1日午夜)的剩余天数、小时、分钟和秒数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<title>倒计时页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function getTime()
{
now = new Date();
y2k = new Date("Jan 1 2017 00:00:00");
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " second." : " 秒";
min = (minutesRound == 1) ? " minute" : " 分钟—";
hr = (hoursRound == 1) ? " hour" : " 小时—";
dy = (daysRound == 1) ? " day" : " 天—"
document.timeForm.input1.value = "剩余时间: " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec;
newtime = window.setTimeout("getTime();", 1000);
}

</script>

</head>

<body bgcolor="#fef4d9" onLoad="getTime()">
距离: Jan 1, 2017 00:00:00 p.m.
<form name=timeForm>
<input type=text name=input1 size=70 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form>

</body>