javascript - 简单的 Javascript 或 jQuery clearInterval 问题

标签 javascript jquery timer setinterval clearinterval

我已经浏览了这里的大部分代码,并尝试了几种方法来使 clearInterval 起作用,但由于某种原因它就是不起作用,尽管这是一个基本且简单的问题。

这是代码,我想知道为什么它不起作用,而不仅仅是为我完成代码。

var myTimer;

function startTimer() {
    myTimer = window.setInterval( function() {
        $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current);
        var current = Math.round(Math.random() * 4) + 1;
        $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current);
    }, 5000);
};

function stopTimer(){
    window.clearInterval(myTimer);
    $('#randomImage').fadeTo('slow',0.0);

}

预先感谢新手...

最佳答案

您的代码很好,可以完美运行。一定是调用它的代码有问题。查看this fiddle .

var myTimer;

function startTimer() {
    myTimer = window.setInterval( function() {
        $('#randomImage').fadeTo('slow',0.0).addClass("changeBg_" + current);
        var current = Math.round(Math.random() * 4) + 1;
        $('#randomImage').fadeTo('slow',1.0).addClass("changeBg_" + current);
    }, 5000);
};

function stopTimer(){
    window.clearInterval(myTimer);
    $('#randomImage').fadeTo('slow',0.0);

}

startTimer();
$('#randomImage').click(function() { stopTimer(); });

关于javascript - 简单的 Javascript 或 jQuery clearInterval 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5517438/

相关文章:

javascript - 是否可以创建无限维 JavaScript 数组?

javascript - props.array.map 不是函数

javascript - 在 React 中迭代 JSON 对象

jquery - <select> 事件 'change' 未在 'selectedIndex' 更改时触发

javascript - 如何避免在 JavaScript 中只有 id 值发生变化的重复代码?

php - jQuery/PHP/MySQL 提交隐藏的选择下拉列表

javascript - 如何在 Electron js中创建模态? (javascript,html,css)

Java 在计时器运行前终止

c - 内核模块计时器杀死系统

ios - Swift - 计时器不会停止