工作 JSBin:https://jsbin.com/nijozefoma/
我有一个带有 setInterval() 框和输入框的页面。要重复该问题,请尝试加载下面的代码,在框中手动键入 4.5 而不是 0,然后单击下面的文本。然后,将其更改为 9.5。文本应该每 1 秒计数一次,但由于某种原因,它对我来说要快得多。
想法?
<head>
<!-- CSS inclusion -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
</head>
<body>
Input Box: <input type="number" class="timeSelect workSelect" value=0 />
<div class="startButton">
Change the input to 4.5, and click this text. Then change to 9.5, and click again.
</div>
<div class="secondCounter">
</div>
<!-- Javascript Inclusion -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript">
var secondsPassed;
function startTime(){
secondsPassed = 0 ;
$(".secondCounter").html("secondsPassed is "+ secondsPassed);
}
function updateTime(){
secondsPassed ++;
$(".secondCounter").html("secondsPassed is "+ secondsPassed);
}
$(".startButton").click(function(){
startTime();
setInterval(updateTime, 1000);
})
</script>
</body>
最佳答案
$(".startButton").click(function(){
startTime();
setInterval(updateTime, 1000);
})
每次点击 startButton
时,您都会开始另一个间隔,这意味着 updateTime
会运行两次。
取消旧的间隔或更新代码,以便 setInterval
不会启动两次。
关于javascript - 改变 HTML 输入扰乱了我的 JS setInterval() 计时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38131365/