首頁猿問我這段代碼要加點(diǎn)什么才能實(shí)現(xiàn)點(diǎn)擊按...

我這段代碼要加點(diǎn)什么才能實(shí)現(xiàn)點(diǎn)擊按鈕出現(xiàn)動(dòng)態(tài)時(shí)間的效果

JavaScript

哈哈哈蜜瓜 2016-09-20 11:31:36

html文件:<p id="clock"></p><input type="button" value="dianji" onclick="count()">js文件:function count(){??? var time=new Date();??? var attime= time.getHours()+"."+time.getMinutes()+"."+time.getSeconds() ;??? document.getElementById("clock").innerHTML=attime;}var attime = setInterval(count(),100);

查看完整描述

1 回答

已采納

stone310

TA貢獻(xiàn)361條經(jīng)驗(yàn) 獲得超191個(gè)贊

<body>
<p?id="clock"></p>
<input?type="button"?value="dianji"?onclick="a()">
<script?>
????function?count(){
????????var?time=new?Date();
????????var?attime=?time.getHours()+"."+time.getMinutes()+"."+time.getSeconds()?;
????????document.getElementById("clock").innerHTML=attime;
????}
????function?a(){
???setInterval(count,100);
????}
</script>
</body>

或者

<body>
<p?id="clock"></p>
<input?type="button"?value="dianji"?onclick="count()">
<script?>
????function?count(){
????????var?time=new?Date();
????????var?attime=?time.getHours()+"."+time.getMinutes()+"."+time.getSeconds()?;
????????document.getElementById("clock").innerHTML=attime;
????????setTimeout(count,100)
????}
</script>
</body>

1 反對(duì) 回復(fù) 2016-09-20

哈哈哈蜜瓜
為什么第一個(gè)用setInterval要重新執(zhí)行一個(gè)function而第二個(gè)用setTimeout放在第一個(gè)function就行？

回復(fù) 2016-09-20
stone310
如果setInterval放到count函數(shù)那么計(jì)時(shí)器就會(huì)不斷疊加，最后越來越快；如果不放進(jìn)函數(shù)里面，當(dāng)頁面加載的時(shí)候setInterval()會(huì)自己執(zhí)行，不用點(diǎn)擊時(shí)間就會(huì)出現(xiàn)，就沒有點(diǎn)擊按鈕才出現(xiàn)時(shí)間的效果了；所以將它放到一個(gè)函數(shù)a內(nèi)部可以保證頁面加載不執(zhí)行，點(diǎn)擊按鈕后才執(zhí)行；第二個(gè)setTimeout它為什么不能另起一個(gè)函數(shù)，是因?yàn)樗粓?zhí)行一次，本身并沒有循環(huán)效果，如果另起一個(gè)函數(shù)，點(diǎn)擊只會(huì)執(zhí)行一次，但放到count函數(shù)內(nèi)部調(diào)用它本身，就可以實(shí)現(xiàn)循環(huán)效果；

回復(fù) 2016-09-20
哈哈哈蜜瓜
setInterval(count(),100)是執(zhí)行整個(gè)count()函數(shù)點(diǎn)擊按鈕才能出現(xiàn)時(shí)間，那為什么setInterval(count，100)可以自動(dòng)執(zhí)行

回復(fù) 2016-09-20