为什么显示秒的那个数字由5减到-9后，又变回-1，而且减的速度变慢了？

源自：8-17 编程练习

为什么显示秒的那个数字由5减到-9后，又变回-1，而且减的速度变慢了？

<html>

<head>

<title>浏览器对象</title>

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

</head>

<body>

<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)

//获取显示秒数的元素，通过定时器来更改秒数。

//通过window的location和history对象来控制网页的跳转。

function back(){

history.back();

}

</script>

</body>

</html>

提问者：qq_南柯一梦_56 2017-12-13 16:20

个回答

Knight_

2017-12-14 09:52:52

其实主要问题出在text的宽度上面。到了-9后并没有回到-1，而是-10，宽度限制了后面的数字显示。
<input type="text" id="seconds" style="width:21px;border:0px">

0