为什么会跳着显示?

来源:8-5 计时器setTimeout()

qq_GO阿斯顿GO_0

2019-04-24 19:59

<!DOCTYPE HTML>

<html>

<head>

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

<title>计时器</title>

<script type="text/javascript">

  var num=0;

  function startCount() {

    document.getElementById('count').value=num;

    num=num+1;

    setTimeout("startCount()",1000); 

  }

  window.onload=startCount;

</script>

</head>

<body>

<form>

<input type="text" id="count">

</form>

</body>

</html>


写回答 关注

3回答

  • 金刚无敌葫芦娃
    2020-03-18 15:36:08

    这个编辑器问题,你下载个其他编辑器试试,我用DW和Brackets都可以运行

  • Salvatorewang
    2019-07-24 17:33:43

    这个编译器的问题,VS code 实测并不会出问题  代码如下:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>Document</title>

    <script>

    var num = 0;

    function startCount() {

    document.getElementById("count").value = num;

    num = num + 1;

    setTimeout(startCount,1000)

    }

    </script>

    </head>

    <body>

    <input type="text" id="count" />

    <input type="button" value="开始计数" onclick="startCount()" />

    </body>

    </html>



  • weixin_慕的地5126254
    2019-04-25 12:45:12

    你要把 setTimeout("startCount()",1000); 放在startCount()外面调用,不然同时调用2次

JavaScript进阶篇

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

468194 学习 · 21891 问题

查看课程

相似问题