Javascript 重置间隔和重新刷新功能

我正在使用一个名为Flapper.js的插件，它可以像机场样式板一样对文本/数字进行动画处理

我想让它在一系列的单词中循环使用，效果很好。但我也有一个重新启动ticker按钮，它与我设置的setInterval冲突

我的代码是

    window.setInterval(function(){
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    }, 5000);

    $('.restartTicker').click(function() {
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    });

window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
$（'.restartTicker'）。单击（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
});

---

单击.resetTicker按钮时发生的情况是，airport样式板会按照我希望的方式进行更新，但setInterval脚本仍在运行，因此如果我在3秒后单击restartTicker按钮，2秒后它会再次更新。我希望它重新启动setInterval返回到0。

将间隔设置为变量

var x = window.setInterval( ... );

---

然后您可以通过

x.clearInterval

将其清除。这将停止它的运行，然后您可以调用间隔以再次启动它。

将间隔设置为变量

var x = window.setInterval( ... );

---

然后您可以通过

x.clearInterval

将其清除。这将停止它的运行，然后您可以调用间隔以再次启动它。

将间隔设置为变量

var x = window.setInterval( ... );

---

然后您可以通过

x.clearInterval

将其清除。这将停止它的运行，然后您可以调用间隔以再次启动它。

将间隔设置为变量

var x = window.setInterval( ... );

---

然后您可以通过

x.clearInterval

将其清除。这将使它停止运行，然后您可以重新调用间隔以再次启动它。

我不知道flapper，所以我不确定这是否有效，但通常要重置间隔，您需要将间隔分配给如下变量：

var myInterval = window.setInterval(function(){
    var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
    message = messages[Math.floor(Math.random() * messages.length)];
    $('.flap').remove();
    $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
    $(".flap").flapper(opts).val(message).change();
}, 5000);

$('.restartTicker').click(function() {
    clearInterval(myInterval);

    myInterval = window.setInterval(function(){
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    }, 5000);
});

var myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
$（'.restartTicker'）。单击（函数（）{
clearInterval（myInterval）；
myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
});

我不知道flapper，所以我不确定这是否有效，但通常要重置间隔，您需要将间隔分配给如下变量：

var myInterval = window.setInterval(function(){
    var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
    message = messages[Math.floor(Math.random() * messages.length)];
    $('.flap').remove();
    $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
    $(".flap").flapper(opts).val(message).change();
}, 5000);

$('.restartTicker').click(function() {
    clearInterval(myInterval);

    myInterval = window.setInterval(function(){
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    }, 5000);
});

var myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
$（'.restartTicker'）。单击（函数（）{
clearInterval（myInterval）；
myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
});

我不知道flapper，所以我不确定这是否有效，但通常要重置间隔，您需要将间隔分配给如下变量：

var myInterval = window.setInterval(function(){
    var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
    message = messages[Math.floor(Math.random() * messages.length)];
    $('.flap').remove();
    $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
    $(".flap").flapper(opts).val(message).change();
}, 5000);

$('.restartTicker').click(function() {
    clearInterval(myInterval);

    myInterval = window.setInterval(function(){
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    }, 5000);
});

var myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
$（'.restartTicker'）。单击（函数（）{
clearInterval（myInterval）；
myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
});

我不知道flapper，所以我不确定这是否有效，但通常要重置间隔，您需要将间隔分配给如下变量：

var myInterval = window.setInterval(function(){
    var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
    message = messages[Math.floor(Math.random() * messages.length)];
    $('.flap').remove();
    $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
    $(".flap").flapper(opts).val(message).change();
}, 5000);

$('.restartTicker').click(function() {
    clearInterval(myInterval);

    myInterval = window.setInterval(function(){
        var messages = ["INSPIRE", "EMPOWER", "EVOLVE", "ENCHANCE", "CHANGE LIVES"],
        message = messages[Math.floor(Math.random() * messages.length)];
        $('.flap').remove();
        $(".ticker .fixedGuide h2").after("<input type='text' value='abcde' class='flap light S'>")
        $(".flap").flapper(opts).val(message).change();
    }, 5000);
});

var myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
$（'.restartTicker'）。单击（函数（）{
clearInterval（myInterval）；
myInterval=window.setInterval（函数（）{
var消息=[“激励”、“授权”、“发展”、“增强”、“改变生活”]，
message=messages[Math.floor（Math.random（）*messages.length）]；
$（'.flap'）.remove（）；
美元（“.ticker.fixedGuide h2”）。在（“”）之后
$（“.flap”）.flapper（opts）.val（message.change（）；
}, 5000);
});

我们是偶然回答了您的问题还是您仍有问题。我们是偶然回答了您的问题还是您仍有问题。我们是偶然回答了您的问题还是您仍有问题。w