倒计时.html

J2EE学习笔记

<script language="javascript">
	function getTime() {
		now = new Date();
		//请定义要倒计时日期,2008年北京奥运是2008年8月8日开始
		later = new Date("August 8 2008 20:00:01");
		days = (later - now) / 1000 / 60 / 60 / 24;
		daysRound = Math.floor(days);
		document.getElementById("bj2008countdown").value=daysRound+"天";
		document.getElementById("omlipicLater").value=daysRound+"天";
		document.getElementById("div01").innerText=daysRound+"天";
		document.getElementById("span01").innerText=daysRound+"天";
		document.getElementById("td01").innerText=daysRound+"天";
		td01.innerText="new value";
	}
	
	//设置每隔1000毫秒更新一次
	newtime = window.setInterval("getTime();",1000);
</script>
<style type="text/css">
<!--
.STYLE1 {
	color: #FF0000;
	font-weight: bold;
	font-size: 26px;
}
-->
</style>

<table width="191" height="112" align="center" background="bjimages/nnn_53.gif" cellpadding="0" cellspacing="0">
	<tr>
		<td>&nbsp;</td>
	</tr>
    <tr>
		<td>
			<table width="191" border="0" cellpadding="0" cellspacing="0">
				<tr>
				  <td width="46%" align="center">
				  <input type="text" size=6 name="bj2008countdown" value="" readonly="readonly" style="background:transparent;border-style:none;color:white;font-family:黑体;font-size:26;font-weight:bold;"> 
				  </td>
				</tr>
			</table>
		</td>
	</tr>
</table>

<!--border:0px;"/-->
<!--span class="STYLE1">天</span-->

<input   type="text"   name="text1"   value="text1"   style="border:solid   1px   #999;" ><br>   
<input   type="text"   name="text2"   value="text2"   style="border-style:none;"><br>   
<input   type="text"   name="text1"   value="text3"   style="border-style:none;border-bottom:solid   1px   #999;">   

<div id="div01">111</div>
<br>
<span id="span01">222</span>

<br>
<table width="191" height="112" align="center" background="bjimages/nnn_53.gif" cellpadding="0" cellspacing="0">
	<tr align="center">
		<td id="td01">
			<input type="text" readonly="readonly" value="" name='omlipicLater' style="background:transparent; border-style:none; white; font-family:黑体;font-size:26; font-weight:bold;">
		</td>
	</tr>
</table>