Javascript:创建一个停止/启动功能?

时间:2017-09-17 17:44:06

标签: javascript

我正在尝试创建一个按需启动和停止的功能。

为了更好地解释这一点,我创造了这个小提琴:

https://jsfiddle.net/93kk7tr0/

基本上,我需要每5秒运行一次myTimer();功能,当点击该按钮时,我需要停止setInterval,直到我再次呼叫myTimer()

当我运行我的代码时,我只获取警报('testing ..');一旦页面加载。所以就像setInterval甚至没有开火一样。

这是我的完整代码:

var myVar;

function myStartFunction() {
    myVar = setInterval(function(){ myTimer() }, 5000);
}

function myTimer() {
alert('teesting...');
}

function myStopFunction() {
    clearInterval(myVar);
}   

myTimer();

有人可以就此问题提出建议吗?

1 个答案:

答案 0 :(得分:1)

使用setInterval(myTimer, 5000);,您需要在某处调用myStartFunction()

var myVar;

function myStartFunction() {
    myVar = setInterval(myTimer, 5000);
}

function myTimer() {
alert('teesting...');
}

function myStopFunction() {
    clearInterval(myVar);
}   

myStartFunction();       // <<< start it!