计时器问题，各位帮忙解决一下。。-慕课网

计时器问题，各位帮忙解决一下。。

来源：8-4 取消计时器clearInterval()

渊渊

2015-05-09 16:06

我想设定一个计时器，可以让它按第一个键开始计时，按下第二个键结束，怎么实现呐？

我是着做了一下，但是只可以暂停一次，再按就不管用了。

<input type="button" value="Stop" onclick="clearInterval(i)" />
<input type="button" value="start" onclick="setInterval(clock,100)"

写回答关注

3回答

牙尖十怪

2015-05-09 17:42:16

已采纳

页面中添加一个<input type="hidden" class="J-hidval" value=" 0 ">
$(".J-btn").bind("click", function () {
                if ($(".hidval").val() == 0) {


                        $(".hidval").val(1);
                } else {


                        $(this).siblings(".hidval").val(0);
                }
            })
把你开始和暂停的方法放到空白处就可以了。

1 1

渊渊

非常感谢！

2015-05-10 21:59:21

共 1 条回复 >

常过无痕: 2015-07-14 16:28:10

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
   function clock(){
      var time=new Date();
      document.getElementById("clock").value = time;
   }
   var i=setInterval(clock,100);
   function timeClock(x){
	   if(x==0){
		   i=setInterval(clock,100);
	   }else{
		   clearInterval(i);
	   }
   }
   
</script>
</head>
<body>
  <form>
    <input type="text" id="clock" size="50"  />
    <input type="button" value="Stop"  onclick="timeClock(1)"/>
    <input type="button" value="Start"  onclick="timeClock(0)"/>
  </form>
</body>
</html>

这样写也能实现，你可以参考下

0 0

牙尖十怪

2015-05-09 18:02:33

不好意思没仔细看题，上面的代码是针对只有一个按钮的，第一次按下开始方法，第二次按下停止，再次按下又会开始，实现的原理是通过获取设定的<input type="hidden" class="J-hidval" value=" 0 ">的value值来判定执行什么程序。绑定点击事件后，当val=0时，便执行计时，同时改变val的值为1，当val=1时，便执行停止，同时把val还原为0,。
有两个btn分别控制的时候，原理同上面一样。

0 0

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题

各位帮忙看一下，谢谢了

回答 1

帮帮忙，各位大神

回答 3

回答 1

回答 3

回答 3