倒计时Html javaScript-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_20054/article/details/81971601

本文提供了一个简单的HTML与JavaScript结合的倒计时代码示例，用于显示距离2011年6月2日剩余的时间。通过该示例可以了解如何利用基本的网页元素和定时更新的脚本来实时展示天数、小时数、分钟数和秒数。

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



<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>cha0</title>
</head>

<body  bgColor="black" align="center">


<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=#13467F,strength=8); WIDTH: 100%; COLOR: #D5E7F5; LINE-HEIGHT: 160%; FONT-FAMILY: 隶书">
距离2011年6月2日还有:           
  <br>
<span id="span_dt_dt" ></span>
<SCRIPT language=javascript>
<!--
//document.write("");

function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("06-02-2011");//日期6月2日
today=new Date();
timeold=(BirthDay.getTime()-today.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(e_daysold-daysold)*24;
hrsold=Math.floor(e_hrsold);
e_minsold=(e_hrsold-hrsold)*60;
minsold=Math.floor((e_hrsold-hrsold)*60);
seconds=Math.floor((e_minsold-minsold)*60);
span_dt_dt.innerHTML="还有"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"！" ;

}

show_date_time();

//-->
</SCRIPT> </FONT>

</td>


</body>

</html>