[問題] 時鐘

作者: st1009 (前端攻城師)   2015-02-15 21:44:19
我是JavaScript初心者,不懂為何我寫的鐘不會跑,而且標題會跑掉,
不知道可以請問各位大大嗎? 如果有違反板龜來信自刪。
以下是我的程式:
<HTML><HEAD>
<TITLE>時間</TITLE>
</HEAD>
<script LANGUAGE = "JavaScript">
function time(){
document.write("<center><font color=red size=30>現在時間
</font><br></center>");
a=new Date().getFullYear();
b=new Date().getMonth();
c=new Date().getDate();
d=new Date().getDay();
e=new Date().getHours();
f=new Date().getMinutes();
g=new Date().getSeconds();
day=new Array("日","一","二","三","四","五")
document.write("<center><font color=blue size=40>");
document.write(a-1911+"年"+(b+1)+"月"+c+"日"+"星期"+day[d]+"<br>");
document.write(e+"時"+f+"分"+g+"秒");
document.write("</center></font>");
setTimeout('time()',1000);
}
</script>
<BODY OnLoad="time() ; alert('歡迎')">
</BODY >
</HTML>
作者: mmis1000 (秋月戀楓)   2015-02-15 23:08:00
在onload之後,呼叫document.write會把整個網頁洗掉當然包括js腳本自己
作者: iamnodoubt (Have Fun)   2015-02-16 01:04:00
http://jsbin.com/zibovuzuha/1/edit?html,output會跑阿,debug看瀏覽器的console跳什麼error,改掉就好
作者: mmis1000 (秋月戀楓)   2015-02-16 01:14:00
秒數不會動阿只要document.write下去,time就跟著沒了,怎麼可能會動?http://jsbin.com/qomicu/ 好歹用innerHTML阿我是不知道是哪本書教的,document.write真的太過時了center的tag也是,現在也都改用css了,那些幾乎都是10年的做法阿...
作者: KawasumiMai (さあ、死ぬがいい)   2015-02-16 01:27:00
用jQuery吧,$('div#clock').html()
作者: mmis1000 (秋月戀楓)   2015-02-16 01:30:00
以這種目的而言,是不需要用到jqeury啦...是說這種史前的做法到底是從哪找來的...好久沒看到了
作者: GoalBased (Artificail Intelligence)   2015-02-16 03:03:00
我猜是ASP
作者: oToToT (屁孩)   2015-02-16 09:34:00
目前會寫這種code的,建議先不要學jquery應該先把基礎打好,再慢慢學會用jQuery才比較踏實
作者: st1009 (前端攻城師)   2015-02-16 10:47:00
謝謝各位大大,小弟看的書好像有點舊TAT
作者: iamnodoubt (Have Fun)   2015-02-16 14:43:00
w3school的js學完就跳jquery,熟了對操作dom有點感覺會運用大部份jquery外掛再回去鑽研js,直接學js沒程式基礎的話..吃力不討好..效果又差,新手學js還在想辦法讓他動的時候,假如相同時間拿去學jquery,早就飛來飛去
作者: st1009 (前端攻城師)   2015-02-16 19:45:00
飛來飛去OAO(心動)
作者: Peruheru (還在想)   2015-02-17 00:46:00
就是先學jQuery感覺一下"JS可以做到這種事"然後再研究如何使用純JS做到一樣的事,這樣比較有感覺
作者: st1009 (前端攻城師)   2015-02-28 13:50:00
忽然發現我怎沒做星期六(崩潰)

Links booklink

Contact Us: admin [ a t ] ucptt.com