javascript - 创建用于脚本调用的切换按钮

Question

我在页面的一部分应用了以下故障效果，但它可能会让人分心。我希望创建一个切换按钮来禁用和重新启用脚本。

http://eg-graphics.com/zwooper/EGVGV/Season3/MemoryWall.html

因此，要调用该函数，我有以下代码:

 $( function() {
    $( ".glitch-img" ).mgGlitch({
        destroy : false, // set 'true' to stop the plugin
        glitch: true, // set 'false' to stop glitching
        scale: true, // set 'false' to stop scaling
        blend : true, // set 'false' to stop glitch blending
        blendModeType : 'hue', // select blend mode type
        glitch1TimeMin : 600, // set min time for glitch 1 elem
        glitch1TimeMax : 900, // set max time for glitch 1 elem
        glitch2TimeMin : 10, // set min time for glitch 2 elem
        glitch2TimeMax : 115, // set max time for glitch 2 elem
    });
});

要禁用此插件，我需要将其设置为 destroy : true。

我遇到困难的是，我无法使用 destroy:true 调用该函数，然后再次使用 destroy : false 调用该函数。

提前谢谢

Answer 1

var toggle=false; 
$("#toggleBut").on("click",function() { 
    toggle=!toggle; 
    $( ".glitch-img" ).mgGlitch({destroy : toggle }); 
});

https://codepen.io/anon/pen/rvMMzw