倒计时Html javaScript

最新推荐文章于 2025-03-08 17:01:47 发布

原创最新推荐文章于 2025-03-08 17:01:47 发布 · 83 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #JavaScript #ViewUI

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



<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>