js计数器问题探究

本文探讨了使用JavaScript实现计数器时遇到的问题。关键在于1处的无限循环确保了计数器的运行,而2处的代码作为入口确保了函数的执行。若缺少2处代码,由于HTML先于JavaScript执行,setTimeout虽然定义了但没有执行入口,导致计数器无法正常显示。
摘要由CSDN通过智能技术生成

js实现计数器

实现具体代码

<!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);     //1处
  }
  setTimeout("startCount()",1000);       //2处
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>

如代码,1处明显是无限循环,所以不可缺少,秒表当无限计数,这里注意,js里面都是以毫秒为单位,所以是1000毫秒(1min=60s 1s=1000ms)
但是当2处的代码删除,却只有一个空白框。

原因

当没有2处代码时候,没有入口进入函数,自然不能实现函数
但是此程序可以看出,程序是先执行HTML代码的,因为setTimeout函数,是需要执行clock函数的,而clock函数是要识别ID,也就是在HTML代码的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值