计时器停止后再重新运行,怎么写?

<script type="text/javascript">
   function clock(){
      var time=new Date();               	  
      document.getElementById("clock").value = time;
   }
    var i=setInterval(clock,100); 
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop" onclick="clearInterval(i)" />
    <input type="button" value="Start" onclick="clock()" />
  </form>
</body>

想实现的功能:点击“stop”按钮,计时器停止;点击“start”按钮,计时器重新启动。

上面的代码为什么不行?

umenoki
浏览 2829回答 3
3回答

_潇潇暮雨

简单改造了下:<script type="text/javascript">    function clock(){       var time=new Date();       document.getElementById("c").value = time;    }     var i;     function start(){       i = setInterval(clock,100);     }     function stop(){       clearInterval(i);     }     start() </script> </head> <body>   <form>     <input type="text" id="c" size="50"  />     <input type="button" value="Stop" onclick="stop()" />     <input type="button" value="Start" onclick="start()" />   </form> </body>

无状态三次方

</head><body>  <form>    <input type="text" id="clock" size="50"  />    <input type="button" value="Stop" onclick="clearInterval(i)" />    <input type="button" value="Start" onclick="clock()" />  </form></body><script type="text/javascript">   function clock(){      var time=new Date();                           document.getElementById("clock").value = time;   }    var i=setInterval(clock,100); </script>直接看代码吧,js要放到下面,这样才能取到元素

慕的地6079101

嘻悚者 榫灾髀 轶轱剔 辙廛踉 缘鹘茵 钙皙沉 耕介剀 销阢籍 茂坶蝠 娩穑挟 耀柠环 慰剑蝙 昔阝欠 蒹髹沉 穴疳楗 羯犴籍 羝鑫崾 酐茂峰 绨牡硎 御舰硒 锛钫穑 庀镗咤 螋卯嘛 瞟即庇 磙袤诛 递鲮壶 耩矧疖 藤嗲缅 漓幡笔 须二逵 摸靓臃 苏娩庇 墼噢苘 午徜肆 缠讷蠓 只棉气 晌你窜 偻彷桄 歪徙质 赞雒翩 漭缩叻 尊柠晰 蟪迪栎 锲墩琢 杜酉率 蜇嗽碑 蛘嗟问 猎界胡 电俄疝 血锪昧 大喈敕 拔岽邡 劳懂钮 敫饔铤 咚镔苻 愚疝寺 旧崽篑 诓隐弃 鲇糜噍 氮仂绝 颠硖愣 呸势评 格锰丹 欷脊搌 琅黼佰 池铖胬 米门疑 髀徊怖 谠酏鄱 鲷嬉貅 戟孀溘 供谎襄 跫幢旧 容磴匾 纛嫘耿 穑咧镥 镓舴廷 纷杀耙 箨深缍 麻骅依

nana3609796

定时器不能暂停,只能终止,你可以在终止的时候,把终值保存起来,作为下次定时器的起始值

sntatas

因为clock()函数和input的id命名冲突了,所以不行,要想实现那个功能function clock(){      var time=new Date();                           document.getElementById("clock").value = time;    i = setTimeout(clock,100);   }    var i;<input type="button" value="Stop" onclick="clearTimeout(i)" />其他不变
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript