+ -
当前位置:首页 → 问答吧 → 帮忙看下 怎么实现

帮忙看下 怎么实现

时间:2010-05-17

来源:互联网

我附件里有三个文件,一个html的两个js的,html要用到那两个js文件 我就打包在一起了,我是想在html文件里switch语句那加一个功能,当输入time的时候它能实时的显示当前的时间,能不断变化 而不是只显示那一刻的时间(如图),

1.jpg (5.42 KB)
2010-5-17 20:39
  

实时显示时间的代码 我已经弄到了,但是不知道怎么加在这个html文件里,根据我自己知道的试了下,始终不行,我是把实时显示时间的代码放在了另一个js文件里,想在html文件里调用这个js文件,所以想知道怎么在switch那加代码才能实现? 如果我的想法不行的话,各位有其他的方法吗?新学js 不太懂,谢谢了

这是我找到的实时显示时间的代码:
<script type="text/javascript"> function clockon() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth()+1; var date = now.getDate(); var day = now.getDay(); var hour = now.getHours(); var minu = now.getMinutes(); var sec = now.getSeconds(); var week; if(month<10)month=month; if(date<10)date=date; if(hour<10)hour=hour; if(minu<10)minu=minu; if(sec<10)sec=sec; var arr_week = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); week = arr_week[day]; var time = ""; time = year+"/"+month+"/"+date+"/"+week+""+hour+":"+minu+":"+sec; document.getElementById("contentDate").innerHTML=time; window.setTimeout("clockon()",200); } </script> <body onLoad="clockon(contentDate)"> <div id="contentDate" ></div> </body>
 提示:您可以先修改部分代码再运行

附件

termlib.rar (31.64 KB)

2010-5-17 20:39, 下载次数: 1

作者: xiaochuanjs   发布时间: 2010-05-17

DOM要ID加载完才能执行,楼主把你要引用的外部JS文件 放在HTML的底部就可以了

作者: nba2008   发布时间: 2010-05-17

恩,谢谢你,确实可以调用出来了,但是还有个问题,怎么让结果在这个框架里显示?而不是在整个页面?这个innerHTML是不是用错了?
1.jpg (5.42 KB)
2010-5-17 22:19
  像这样显示
2.jpg (5.65 KB)
2010-5-17 22:19
   不要这样

麻烦了

作者: xiaochuanjs   发布时间: 2010-05-17


<!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> <title>code.js.cn</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html,body{background:#000;color:#008C00;font: 14px/1.5 verdana;} div{font: 14px/1.5 verdana;height:20px;line-height :20px;} #cmdedit{border:none;background:#000;color:#008C00;margin-left:-1px;font-family:verdana;font-size:14px;width:400px} .err{color:red;} .blue{color:#49CBF1;} </style> </head> <body> <div id="cmdline"><span>[ guest ]$ </span><input type="text" name="" id="cmdedit" /></div> </body> <script type="text/javascript"> //<![CDATA[ $cmd=function (cmd){ var re=document.createElement('DIV'); document.body.insertBefore(re,cmdline); if($method[cmd])return $method[cmd](re); re.innerHTML='[ guest ]$ '+cmd+'<br/><span class="err">"'+cmd+'" is bad command.</span>'; }; $method={ timers:[], time:function (show){ function fn(){show.innerHTML='[ guest ]$ time <br/><span class="blue">'+new Date().toLocaleString()+'</span>'}; fn();this.timers.push(setInterval(fn,1000)) }, cls:function (){ this.clear(); var x=document.body.childNodes; for(var i=x.length;i--;) if(x[i].id!='cmdline'){ document.body.removeChild(x[i]) }; }, clear:function (){ do{clearInterval(this.timers.pop())}while(this.timers.length) } } cmdedit.onkeyup=function (e){ e=e||window.event; if(e.keyCode==13){ $cmd(this.value.replace(/^\s+|\s+$/g,'')); this.value=''; }; }; document.onkeydown=function (){ cmdedit.focus() } //]]> </script> </html>
 提示:您可以先修改部分代码再运行

作者: kfguoguo   发布时间: 2010-05-17