求html网页高手倒计时代码！

<TBODY>
<TR>
<TD vAlign=top width=200>

<TBODY>
<TR>
<TD>
<TABLE width=234 height="60"
border=0 align=center cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD colSpan=2 height=24><div align="center" class="STYLE3">距08年8月8日奥运会开幕还有</div></TD></TR>
<TR>
<TD width="87" align=middle class=fb id=timeDate><div align="center" class="STYLE3">660天</div></TD>
<TD width="147"
align=middle class=fb id=times><div align="center" class="STYLE3">18:09:53</div></TD>
</TR></TBODY></TABLE>
<SCRIPT>
var now = new Date();
function createtime(){

var grt= new Date("8/08/2008 20:00:00");

now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}

document.getElementById("timeDate").innerHTML = dnum+"天";
document.getElementById("times").innerHTML = hnum + ":" + mnum + ":" + snum;
}

setInterval("createtime()",250);
</SCRIPT>
</TD></TR></TBODY></TABLE>

=======================
如上，本人笨，想加入一个框。。。。。。。有分送！
而且很奇怪，网页上只能显示一个。举例是我两个模块，放同样的代码进去只有一个显示！求指教呀高手们！
整体加个框。很简单的框就行了！

举报该问题

推荐答案 2011-10-29

不知道对不对啊你看看啊
<HTML>
<HEAD>
<TITLE>时间日期篇--倒计时1</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" onLoad=DownCount()>

<br><br>
<center>
<font color="ffaafa"><h2>时间日期篇--倒计时1</h2></font>
<hr width=300>
<br><br>



<script language=JavaScript>


var theDay = new Date("January 1, 2008")
var DayALL

function DownCount(){
var today = new Date()
var seconds = Math.floor((theDay.getTime() - today.getTime())/1000)
var minutes = Math.floor(seconds/60)
var hours = Math.floor(minutes/60)
var days = Math.floor(hours/24)
CDay= days
CHour= hours % 24
CMinute= minutes % 60
CSecond= seconds % 60
DayALL = CDay + " 天 , " + CHour + " 小时 , " + CMinute + " 分钟 , " + CSecond + " 秒 "
document.clock.DownCount.value = DayALL
var counter = setTimeout("DownCount()", 1000)
}

</script>





<form name = "clock">

距离 2008 年 1 月 1 日，您将还有 <br>

<input type="TEXT" name= "DownCount" size= "35">
</form>



</BODY>

</HTML>追问

哥们。。。我不是要这个效果，我要上面的离XXX都框起来。

追答

把要显示的都框在一起啊

追问

嗯。对。说白了就是一个框，然后里面是代码运行的内容。不胜感激！

追答

你看看啊

时间日期篇--倒计时1

时间日期篇--倒计时1

var theDay = new Date("January 1, 2008")
var DayALL

function DownCount(){
var today = new Date()
var seconds = Math.floor((theDay.getTime() - today.getTime())/1000)
var minutes = Math.floor(seconds/60)
var hours = Math.floor(minutes/60)
var days = Math.floor(hours/24)
CDay= days
CHour= hours % 24
CMinute= minutes % 60
CSecond= seconds % 60
DayALL = "距离 2008 年 1 月 1 日，您将还有 "+ CDay + " 天 , " + CHour + " 小时 , " + CMinute + " 分钟 , " + CSecond + " 秒 "
document.clock.DownCount.value = DayALL
var counter = setTimeout("DownCount()", 1000)
}

温馨提示：答案为网友推荐，仅供参考

当前网址：http://99.wendadaohang.com/zd/zzBXWjXje.html

其他回答

第1个回答推荐于2016-09-22

<TBODY>
<TR>
<TD vAlign=top width=200>

<TBODY>
<TR>
<TD>
<p> </p>
<p>示例1：ID分别为timeDate，times</p>
<TABLE width=617 height="24"
border=0 align=center cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD height=24 align="center" class="STYLE3">距08年8月8日奥运会开幕还有<span id="timeDate">660天</span><span id="times">18:09:53</span></TD>
</TR></TBODY></TABLE>
<p>
</p>
<p> </p>
<p> </p>
<p> </p>
<p>示例2：ID分别为timeDate2，times2</p>
<TABLE width=617 height="24"
border=0 align=center cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD height=24 align="center" class="STYLE3">距08年8月8日奥运会开幕还有<span id="timeDate2">660天</span><span id="times2">18:09:53</span></TD>
</TR></TBODY></TABLE>

<SCRIPT>
var now = new Date();
function createtime(timeDate,times)
{

var grt= new Date("8/08/2008 20:00:00");

now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}

document.getElementById(timeDate).innerHTML = dnum+"天";
document.getElementById(times).innerHTML = hnum + ":" + mnum + ":" + snum;
}

//执行示例1
setInterval("createtime('timeDate','times')",250);

//执行示例2
setInterval("createtime('timeDate2','times2')",250);
</SCRIPT>追问

哥们，你的框呢。。。

追答

示例1

距08年8月8日奥运会开幕还有660天 18:09:53

示例2

距08年8月8日奥运会开幕还有660天 18:09:53

var now = new Date();
function createtime(timeDate,times)
{

var grt= new Date("8/08/2008 20:00:00");

now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}

document.getElementById(timeDate).innerHTML = dnum+"天";
document.getElementById(times).innerHTML = hnum + ":" + mnum + ":" + snum;

//setTimeout("createtime("+timeDate+","+times+")",250);
}

//执行示例1
setInterval("createtime('timeDate','times')",250);

//执行示例2
setInterval("createtime('timeDate2','times2')",250);

追问

字能框起来么？

追答

自不是已经框起来了吗？你还要怎么框起来？

追问

我的想法是所有的都框起来。。。。包括距“奥运会开始”

追答

示例1

距08年8月8日奥运会开幕还有660天 18:09:53

示例2

距08年8月8日奥运会开幕还有660天 18:09:53

var now = new Date();
function createtime(timeDate,times)
{
var grt= new Date("8/08/2008 20:00:00");
now.setTime(now.getTime()+250);
days = (grt - now) / 1000 / 60 / 60 / 24;
dnum = Math.floor(days);
hours = (grt - now) / 1000 / 60 / 60 - (24 * dnum);
hnum = Math.floor(hours);
if(String(hnum).length ==1 ){hnum = "0" + hnum;}
minutes = (grt - now) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
mnum = Math.floor(minutes);
if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (grt - now) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds);
if(String(snum).length ==1 ){snum = "0" + snum;}

document.getElementById(timeDate).innerHTML = dnum+"天";
document.getElementById(times).innerHTML = hnum + ":" + mnum + ":" + snum;
}
setInterval("createtime('timeDate','times')",250);
setInterval("createtime('timeDate2','times2')",250);

本回答被提问者采纳

第2个回答 2011-10-30

好心人尽在百度知道！

相似回答

求html倒计时源代码,能在淘宝里面显示的答：<span?id?=?"status"?/> <script?language=javascript> var?sec?=?5;var?int=setInterval("clock()",1000)function?clock()??{ document.getElementById("clock").value?=?"倒计时："+sec;???if(sec?==?0){ ???clearInterval(int);???document.getElementById("status").innerHTML?=?

在html页面加一个倒计时90分钟代码怎么写答：second<10?second="0"+second:second;timeshow.innerHTML=hour+":"+min+":"+second;} timeout= setInterval(countdown,1000);</script> </body> </html> 初学菜鸟编的不好请指教

求个html倒计时代码答：</body> </html>

求html网页高手 倒计时代码!答：<BODY bgcolor="#fef4d2" onLoad=DownCount()> <br><br> <center> <font color="ffaafa"><h2>时间日期篇--倒计时1</h2></font> <hr width=300> <br><br>  <script language=JavaScript>  var theDay ...

倒计时html代码答：倒计时的html代码：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>CSS3圆环倒计时-源码搜藏网</title><style>.pie { width:200px; height:200px; background-color:blue; border-radius:100px; position:absolute; }.pie1 { clip:rect(0px,200px,200px,100px); -o-transform...

求一个倒计时20s跳转到一网址的html代码答：<head> <meta charset="UTF-8"> <title>倒计时五秒后跳页面</title> <script> function countDown(){ //获取初始时间 var time = document.getElementById("Time");//获取到id为time标签中的数字时间 if(time.innerHTML == 0){ //等于0时清除计时，并跳转该指定页面 window.location.href=...

html倒计时按钮代码答：){document.getElementById('showtime').innerHTML=c;if(c==0){clearTimeout(t);window.location.href="url";//为跳转地址}else{t=setTimeout('timedMsg()',1000);}c--;}</script>//这样即可这是点击按钮开始倒计时，如果要是页面加载就开始的话，直接给body加onload事件即可 ...

求html 倒计时代码,中考、高考的倒计时。我想把这2个放在一起答：<base> 定义页面中所有链接的默认地址或默认目标。 STF <basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 TF <bdo> 定义文字方向。 STF <big> 定义大号文本。 STF <blockquote> 定义长的引用。 STF <body> 定义文档的主体。 STF <br> 定义简单的折行。 STF <button> 定义按钮 ...

html页面嵌入倒计时器代码答：span_dt_dt.innerHTML="<align=center><p><font color=#A22900><p><font size=4>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒"+"<br></font><br></font>" ; //这里你自己改。就是倒计时的样式，字体大小size=4 颜色是color } show_date_time();//--> </SCRIPT>...

大家正在搜

实现网页倒计时的代码完整html网页代码网站倒计时代码 h5倒计时页面源码 css元旦倒计时代码网页倒计时代码

求html网页高手 倒计时代码！

求html网页高手倒计时代码！