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

来源:8-17 编程练习

qq_南柯一梦_56

2017-12-13 16:20

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


写回答 关注

1回答

  • Knight_
    2017-12-14 09:52:52

    其实主要问题出在text的宽度上面。到了-9后并没有回到-1,而是-10,宽度限制了后面的数字显示。

    <input type="text" id="seconds" style="width:21px;border:0px">

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468195 学习 · 21891 问题

查看课程

相似问题