为了账号安全,请及时绑定邮箱和手机立即绑定

为什么文本框不显示数值

http://img1.sycdn.imooc.com//5f269b620001642507330465.jpg,大佬帮我看一下,文本框里没有数值

正在回答

6 回答

input标签里面是onclick,所以要点击文本框才会显示数字😳

0 回复 有任何疑惑可以回复我~

<!DOCTYPE HTML>

<html>

<head>

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

<title>计时器</title>


</head>

<body>

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

<script type="text/javascript">

    var num=0;

    function startCount() {

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

      num=num+1;

      setTimeout(startCount, 1000);

    }

    startCount();

  </script>

</body>

</html>


0 回复 有任何疑惑可以回复我~

其实你们都没有注意到

document.getElementById('count')  是 null

,这里是慕课网上代码有问题,解决的方法是把整个<script></script>代码放到下面(比如</body>前),因为没有在onload,或者document.ready里面,页面可能还没渲染好执行js,导致为null

2 回复 有任何疑惑可以回复我~
#1

maleficenttt_

哇解决了我的问题!!谢谢您!!
2020-11-08 回复 有任何疑惑可以回复我~
#2

冰封一切1 回复 maleficenttt_

客气,互相进步(抱歉,不经常使用慕课,没注意到有消息)
2020-11-10 回复 有任何疑惑可以回复我~

你只写了函数没有去调用函数,

可以在图中第十三行函数外加上setTimeout("startCount()",2000);

作为打开网页的延迟函数循环启动

1 回复 有任何疑惑可以回复我~

11行 setTimeout(startCount,1000); //括号去掉

0 回复 有任何疑惑可以回复我~

运行后  点击文本框试试

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么文本框不显示数值

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信