時間沒有動態顯示呀?為什么,而且按鈕點擊后就不見了,為什么,求大神指教。
<!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>
2016-10-17
你改成這樣子:
<!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>
2016-10-22
你可以參考本節舉例中的樣式來寫;你的input標簽里應該是設置有誤;不是設置為按鈕,要設置為text以顯示動態時間
2016-10-17
setInterval(clock, 1000);放進方法里面