亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

時間沒有動態顯示呀?為什么,而且按鈕點擊后就不見了,為什么,求大神指教。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定時器</title>
<script type="text/javascript">
function clock(){
var mydate=new Date();
atime=mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds()
document.write(atime);
document.getElementById("clock").value = atime;
}
setInterval(clock, 1000);
</script>
</head>
<body>
<form>
<input type="button" value="點擊我啊" onclick="clock()" />
</form>
</body>
</html>

正在回答

3 回答

你改成這樣子:


<!DOCTYPE HTML>

<html>

<head>

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

<title>定時器</title>

<script type="text/javascript">

function showTime(){

function clock(){

var mydate=new Date();

atime=('0'+mydate.getHours()).slice(-2)+":"+('0'+mydate.getMinutes()).slice(-2)+":"+('0'+mydate.getSeconds()).slice(-2)

document.getElementById("clock").innerHTML = atime;

}

setInterval(clock, 1000);

}

</script>

</head>

<body>

<form>

<input type="button" value="點擊我啊" onclick="showTime()" />

<p id="clock"></p>

</form>

</body>

</html>


1 回復 有任何疑惑可以回復我~
#1

弄花香滿衣 提問者

謝謝你的回答,我想問問為什么之前我的代碼沒有效果呀?
2016-10-17 回復 有任何疑惑可以回復我~
#2

lewandowski 回復 弄花香滿衣 提問者

首先代碼里面第11行document.getElementById("clock").value = atime;有錯誤,body里面沒有id為clock的DOM元素,所以document.getElementById("clock").value會報錯,然后setInterval(clock, 1000);沒有放在函數里面,刷新頁面會自動執行
2016-10-17 回復 有任何疑惑可以回復我~
#3

弄花香滿衣 提問者 回復 lewandowski

恩恩,好的,謝謝你
2016-10-17 回復 有任何疑惑可以回復我~
#4

慕容7796276

('0'+mydate.getHours()).slice(-2)這個,0代表什么啊,為什么要加上零然后還要截取最后兩個數,這和直接寫mydate.getHours()不是一樣嗎?為什么那么寫啊,跪求解答
2016-11-04 回復 有任何疑惑可以回復我~
查看1條回復

你可以參考本節舉例中的樣式來寫;你的input標簽里應該是設置有誤;不是設置為按鈕,要設置為text以顯示動態時間

0 回復 有任何疑惑可以回復我~

setInterval(clock, 1000);放進方法里面


1 回復 有任何疑惑可以回復我~
#1

弄花香滿衣 提問者

謝謝你,試過的還是沒有效果!不過還是謝謝你的回答!
2016-10-17 回復 有任何疑惑可以回復我~
#2

弄花香滿衣 提問者

謝謝你,試過的還是沒有效果!不過還是謝謝你的回答!
2016-10-17 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

時間沒有動態顯示呀?為什么,而且按鈕點擊后就不見了,為什么,求大神指教。

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號