帮忙看下 怎么实现
时间:2010-05-17
来源:互联网
我附件里有三个文件,一个html的两个js的,html要用到那两个js文件 我就打包在一起了,我是想在html文件里switch语句那加一个功能,当输入time的时候它能实时的显示当前的时间,能不断变化 而不是只显示那一刻的时间(如图),
实时显示时间的代码 我已经弄到了,但是不知道怎么加在这个html文件里,根据我自己知道的试了下,始终不行,我是把实时显示时间的代码放在了另一个js文件里,想在html文件里调用这个js文件,所以想知道怎么在switch那加代码才能实现? 如果我的想法不行的话,各位有其他的方法吗?新学js 不太懂,谢谢了
这是我找到的实时显示时间的代码:
termlib.rar (31.64 KB)
实时显示时间的代码 我已经弄到了,但是不知道怎么加在这个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>
提示:您可以先修改部分代码再运行
提示:您可以先修改部分代码再运行
附件

2010-5-17 20:39, 下载次数: 1
作者: xiaochuanjs 发布时间: 2010-05-17
DOM要ID加载完才能执行,楼主把你要引用的外部JS文件 放在HTML的底部就可以了
作者: nba2008 发布时间: 2010-05-17
恩,谢谢你,确实可以调用出来了,但是还有个问题,怎么让结果在这个框架里显示?而不是在整个页面?这个innerHTML是不是用错了?
像这样显示
不要这样
麻烦了
像这样显示
不要这样
麻烦了
作者: 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
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28