一段时间后暂停闪烁

时间:2016-03-16 19:42:53

标签: javascript time

所以我的文字会闪烁,我希望它能在几秒钟后停止。

这是一个Fiddle example,我想用计时器或其他东西改变鼠标输入动作,但我不知道是什么。

var p = $("p");

p.blinker({
  timeHidden: 50,
  intervalRangeStart: 100,
  intervalRangeStop: 500
});

p.bind("mouseenter", function(){
  $(this).data("blinker").pause();
});
body {
    background-color: #111;
    padding: 50px;
    font-family: Arial;
    font-weight: bold;
}

p {
    font-size: 100px;
    color: #ececec;
}
<p>Hello there!</p>

2 个答案:

答案 0 :(得分:2)

您可以使用setTimeout

setTimeout(function() {
   $(this).data("blinker").pause();
}, 5000);

答案 1 :(得分:1)

感谢gabesoft的回复!我确信这是使用setTimeout做的事情,但我正在努力,因为不仅有一个<p>元素......!这是代码工作正常(使用jQuery blinker插件):

&#13;
&#13;
$("p").blinker({
  timeHidden: 25,
  intervalRangeStart: 50,
  intervalRangeStop: 200
})

setTimeout(function() {
  $(p).each(function(index, value) {
    $(this).data("blinker").pause();
  });
}, 2000);
&#13;
&#13;
&#13;