告诉我错那了和原因？

Near376517904 2010-01-30 09:50:27
我写一个电子时钟的JavaScript，可是不可以自动加秒刷新！也找不到原因！有前辈知道的给我指点下！
<html>
<head>

<title>电子时钟</title>
<style type="text/css">
table
{
margin:3px;
border:solid;
height:40px;
width:100px;
display:inline;
}
td
{
width:40px;
height:30px;
background:yellow;
}
</style>
<script language="javascript">

function ttime()
{
var tdate=new Date();
var y=tdate.getHours();
y=y<10?("0"+y):y;
var m=tdate.getMinutes();
m=m<10?("0"+m):m;
var s=tdate.getSeconds();
s=s<10?("0"+s):s;
var ti=y+":"+m+":"+s;

var num="";

for( i=0;i<ti.length;i++)
{
//指定单个字符串

var j=ti.substring(i,i+1)

if(j==":")
{

num+=document.getElementById("op").outerHTML

}
else
{
num+=document.getElementById(j).outerHTML;

}

}
document.all.d.innerHTML = num;
setTimeout('ttime()',1000)
}

</script>
</head>

<body onload="ttime()">
<fieldset style="position:absolute;width:900;height:120;left:10;margin:20;">
<legend style="font-size:14">[计时器]</legend>
<div id="d" style="width:100%;height:100%;">1<div>


<div style="display:none">
<!--0-->
<table id="0">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
</table>
<!--1-->
<table id="1">

<tr>
<td></td>
<td style="background:red"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background:red"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background:red"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background:red"></td>
<td></td>
</tr>
<tr>
<td></td>
<td style="background:red"></td>
<td></td>
</tr>
</table>
<!--2-->
<table id="2">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red" ></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td style="background:red" ></td>
<td style="background:red" ></td>
<td style="background:red" ></td>
</tr>
</table>
<!--3-->
<table id="3">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red" ></td>
<td style="background:red" ></td>
<td style="background:red" ></td>
</tr>
</table>
<!--4-->
<table id="4">
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red" ></td>
</tr>
</table>
<!--5-->
<table id="5">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red" ></td>
</tr>
</table>
<!--6-->
<table id="6">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red" ></td>
</tr>
</table>
<!--7-->
<table id="7">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red" ></td>
</tr>
</table>
<!--8-->
<table id="8">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red" ></td>
</tr>
</table>
<!--9-->
<table id="9">
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red"></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td style="background:red"></td>
</tr>
<tr>
<td style="background:red"></td>
<td style="background:red"></td>
<td style="background:red" ></td>
</tr>
</table>
<!--:-->
<table id='op'>
<tr>
<td></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td ></td>
<td style="background:red"></td>
<td ></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td ></td>
<td style="background:red"></td>
<td ></td>
</tr>
<tr>
<td ></td>
<td ></td>
<td ></td>
</tr>
</table>


</div>

</body>
</html>

...全文
65 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
sotom 2010-01-30
  • 打赏
  • 举报
 回复
另外 时间函数是要放到 函数里边的。

function show()

	{

		var d = new Date();

		var now ="";

		now = d.getYear()+"年";

		now = now + (d.getMonth()+1)+"月";

		now = now + d.getDate()+"日";

		now = now + d.getHours()+"时";

		now = now + d.getMinutes()+"分";

		now = now + d.getSeconds()+"秒";



		document.getElementById("id1").innerHTML = now;

		setTimeout("show()",1000);

	}
sotom 2010-01-30
  • 打赏
  • 举报
 回复
setTimeout('ttime()',1000)

这里没有分号结尾哦。
不善^ 2010-01-30
  • 打赏
  • 举报
 回复
我这有个例子你可以参考看看 效果很好

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

</STYLE>

<SCRIPT language=JavaScript>

setInterval('refreshCalendarClock()',1000);

function Year_Month(){ 

    var now = new Date(); 

    var yy = now.getYear(); 

    var mm = now.getMonth()+1; 

    var cl = '<font color="#0000df">'; 

    if (now.getDay() == 0) cl = '<font color="#c00000">'; 

    if (now.getDay() == 6) cl = '<font color="#00c000">'; 

    return(cl +  yy + '年' + mm + '月</font>'); }

 function Date_of_Today(){ 

    var now = new Date(); 

    var cl = '<font color="#ff0000">'; 

    if (now.getDay() == 0) cl = '<font color="#c00000">'; 

    if (now.getDay() == 6) cl = '<font color="#00c000">'; 

    return(cl +  now.getDate() + '</font>'); }

 function Day_of_Today(){ 

    var day = new Array(); 

    day[0] = "星期日"; 

    day[1] = "星期一"; 

    day[2] = "星期二"; 

    day[3] = "星期三"; 

    day[4] = "星期四"; 

    day[5] = "星期五"; 

    day[6] = "星期六"; 

    var now = new Date(); 

    var cl = '<font color="#0000df">'; 

    if (now.getDay() == 0) cl = '<font color="#c00000">'; 

    if (now.getDay() == 6) cl = '<font color="#00c000">'; 

    return(cl +  day[now.getDay()] + '</font>'); }

 function CurentTime(){ 

    var now = new Date(); 

    var hh = now.getHours(); 

    var mm = now.getMinutes(); 

    var ss = now.getTime() % 60000; 

    ss = (ss - (ss % 1000)) / 1000; 

    var clock = hh+':'; 

    if (mm < 10) clock += '0'; 

    clock += mm+':'; 

    if (ss < 10) clock += '0'; 

    clock += ss; 

    return(clock); } 

function refreshCalendarClock(){ 

document.all.calendarClock1.innerHTML = Year_Month(); 

document.all.calendarClock2.innerHTML = Date_of_Today(); 

document.all.calendarClock3.innerHTML = Day_of_Today(); 

document.all.calendarClock4.innerHTML = CurentTime(); }

 var webUrl = webUrl; 

document.write('<table border="0" cellpadding="0" cellspacing="0"><tr><td>'); 

document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="60" height="70" ');

document.write('style="position:absolute;visibility:hidden" bgcolor="#eeeeee">');

document.write('<tr><td align="center"><font ');

document.write('style="cursor:hand;color:#ff0000;font-family:宋体;font-size:14pt;line-height:120%" ');

if (webUrl != 'netflower'){ 

   document.write('</td></tr><tr><td align="center"><font ');

   document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" ');

} 

document.write('</td></tr></table>'); 

document.write('<table border="0" cellpadding="0" cellspacing="0" width="61" bgcolor="#C0C0C0" height="70">');

document.write('<tr><td valign="top" width="100%" height="100%">');

document.write('<table border="1" cellpadding="0" cellspacing="0" width="58" bgcolor="#FEFEEF" height="67">');

document.write('<tr><td align="center" width="100%" height="100%" >');

document.write('<font id="calendarClock1" style="font-family:宋体;font-size:7pt;line-height:120%"> </font><br>');

document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>');

document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>');

document.write('<font id="calendarClock4" style="color:#100080;font-family:宋体;font-size:8pt;line-height:120%"><b> </b></font>');

document.write('</td></tr></table>');

document.write('</td></tr></table>'); 

document.write('</td></tr></table>'); 



</SCRIPT>

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

<title>时间显示</title>

</head>



<body>

</body>

</html>
Bleibo 2010-01-30
  • 打赏
  • 举报
 回复
老大你写的没有错，可以采用这样的方式来刷新页面，在head上加入：
<meta http-equiv="refresh" content="1; url=t.html">
注意，这个url，这个url就是你的这个网页文件的名字， content为1，是秒为单位，
这个<meta>标签就不给你解释了，
还有，看见你的结贴率为0 ，这个要注意哦，呵呵
Alphago进化史 漫画告诉你Zero为什么这么牛
　Alphago家族又添新成员　　来源：环球科学ScientificAmerican公众号　　策划 | 吴非    绘制 | 铁蛋公主　　专家评Alphago Zero 成绩令人欣喜但AI还在路上　　Alphago进步速度示意图　　作者：葛熔金　　在金庸的小说《射雕英雄传》里，周伯通“左手画圆，右手画方”，左手攻击右手，右手及时反搏，自娱自乐，终无敌于天下。　　现实世界中，亦有这么一个“幼童”，他...
微积分到底是什么?
作者：长尾科技 链接：https://www.zhihu.com/question/336322284/answer/918067537 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 鉴于“天下苦微积分久矣”，长尾君这次来好好跟大家聊一聊微积分。 微积分有多重要相信大家多多少少心里都有点数，搞数学的不会微积分就跟中学生不会“加减乘除”一样，基本上啥都...
练字的诀窍有哪些？
Chilly ，我不过是喜欢写字而已 陈柏龄、Naiyan Wang 等 7118 人赞同 对所有想把字写好的人来说，练字没有诀窍。但有方法。 两大步： 1、认知。了解什么是好字，写好汉字的关键是什么。 2、实践。写好字的决心，经常练习与经常观摩的习惯。 1、认知。了解什么是好字，写好汉字的关键是什么。 这其实是两个问题，有递进也有互补。先说什么是好字
微积分介绍
虽然在具体的计算方式上跟以前的差别不大，但是微积分的这个逻辑基础已经跟以前发生了翻天覆地的变化，这个差别大家要仔细体会。的区域啊，大小是确定的就应该能算出面积来，算不出来就是你的数学不行，对吧？在许多人眼里，微积分就是高深数学的代名词，就是高智商的代名词，许多家长一听说谁家孩子初中就学了微积分，立马就感叹这是别人家的天才。而且，数学的壮观之美也往往需要站在后面两个角度上才能体会到，我很难相信有人会觉得重复的做计算是很有趣的，这也是很多人不喜欢数学的原因。觉得它更简单，更神奇了，或者其它什么的？
计算机学后感作文400,考试后的感想作文400字（精选10篇）
考试后的感想作文400字(精选10篇)在平平淡淡的日常中，大家对作文都不陌生吧，作文是人们把记忆中所存储的有关知识、经验和思想用书面形式表达出来的记叙方式。作文的注意事项有许多，你确定会写吗？下面是小编收集整理的考试后的感想作文(精选10篇)，欢迎阅读与收藏。考试后的感想作文1考试如风，吹干学生们额头上辛劳的汗水；考试如雨，淋湿学生期待已久的炽热心灵。这次考试却像那凶涌的洪水冲毁了我心中的希望。那...
Eclipse

58,454

社区成员

49,450

社区内容

发帖
与我相关
我的任务
社区描述
Java Eclipse
社区管理员
  • Eclipse
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章