Question

我正在使用这个名为“jQuery illuminate”

的jQuery插件

它工作正常，看起来很棒，但还有一件我想要的东西！我只希望它照亮5秒钟。然后应该停止照明。

但它看起来没有选择。 5秒后是否可以停止照明？

我的代码就是这个

jQuery(document).ready(function () {
    $(document).on('click', 'a#request', function()  {
        $(".box#input").val($(this).attr('value'));

        var input = $(".box#input");
        $(document).scrollTop(input .offset().top - 60);
        input.focus();

        input.illuminate({
        'intensity': '0.3',
        'color': '#e8f7e7',
        'blink': 'true',
        'blinkSpeed': '1000',
        'outerGlow': 'true',
        'outerGlowSize': '20px',
        'outerGlowColor': '#228b22'
        }); 
    });
});

Answer 1

将其添加到脚本的末尾：

setTimeout(function() {
    $("#button").illuminateDie();
}, 5000); // 5000ms = 5 seconds

五秒后调用illuminateDie函数。 illuminateDie函数的存在有点隐藏在您链接的页面下方的注释中。（这也是一种非标准的方法。插件提供类似方法的标准方式是作为一个字符串，您可以将其输入到一个插件方法中，例如.illuminate("die")或更多.illuminate("destroy") { {1}}。但这是作者决定做的......）

使用更新后的问题（Live Example）中的代码

更新：source。

Answer 2

看起来$('#button').illuminateDie()应该有效。如果查看源代码，应该是直截了当的。

Answer 3

<script type="text/javascript">
    $(document).ready(function(){
        $('#button').illuminate({
            'intensity': '0.3',
            'color': '#98cb00',
            'blink': 'true',
            'blinkSpeed': '1200',
            'outerGlow': 'true',
            'outerGlowSize': '30px',
            'outerGlowColor': '#98cb00'
        });
       setTimeout(function() {
           $("#button").illuminateDie();
       }, 5000);
    });
</script>

正如您在插件的comments中看到的那样。你可能想要检查一下。

是否有可能在5秒后停止脚本？

3 个答案: