為什么顯示秒的那個(gè)數(shù)字由5減到-9后,又變回-1,而且減的速度變慢了?
<html>
?<head>
? <title>瀏覽器對(duì)象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
?</head>
?<body>
? <!--先編寫好網(wǎng)頁布局-->
? <form>
? ? ? <p style="font-size:30px;font-weight:bold">
? ? ? ? ? 操作成功
? ? ? </p>
? ? ? <input type="text" id="seconds" style="width:11px;border:0px">
? ? ? <span>秒后回到主頁</span>
? ? ? <a href="javascript:back()">返回</a>
? </form>
??
??
?
? <script type="text/javascript"> ?
? var btime=5;
? function home(){
? ? ? document.getElementById("seconds").value=btime;
? ? ? btime--;
? ? ??
? }
setInterval(home,1000)
?
? ?//獲取顯示秒數(shù)的元素,通過定時(shí)器來更改秒數(shù)。
? ?//通過window的location和history對(duì)象來控制網(wǎng)頁的跳轉(zhuǎn)。
? ?function back(){
? ? ? ?history.back();
? ?}
?</script>?
</body>
</html>
2017-12-14
其實(shí)主要問題出在text的寬度上面。到了-9后并沒有回到-1,而是-10,寬度限制了后面的數(shù)字顯示。
<input type="text" id="seconds" style="width:21px;border:0px">