javascript - jQuery:结束闪烁后我的闪烁文本将不可见

Question

我正在编写一个文本闪烁代码，并注意到下面这段代码有时会根据时间的不同，使文本在停止动画后保持隐藏状态:

//Blink settings
var blink = {
    obj: $(".blink"),
    timeout: 15000,
    speed: 1000
};

//Start function
blink.fn = setInterval(function () {
    blink.obj.fadeToggle(blink.speed);
}, blink.speed + 100);
//End blink animation, after 'blink.timeout' millisecons
setTimeout(function () {
    clearInterval(blink.fn);
    blink = null;
}, blink.timeout);

fiddle

我尝试在 clearInterval(blink.fn) 之后添加 blink.obj.show()、blink.obj.css(...) 等); 但 it did not work .

...
setTimeout(function () {
    clearInterval(blink.fn);
    blink.obj.show();
    blink.obj.css("visibility","visible");
...

我希望文本在闪烁停止后始终可见

Answer 1

在闪烁完成后尝试 blink.obj.fadeIn()..

如果你想保持速度，那么blink.obj.fadeIn(blink.speed):

...code...code...
//End blink animation, after 'blink.timeout' millisecons
setTimeout(function () {
    clearInterval(blink.fn);
    //The solution to your problem is in the line below
    blink.obj.fadeIn(blink.speed);
    blink = null;
}, blink.timeout);
...

这是更新的 jsfiddle:http://jsfiddle.net/jormaechea/mksh4eu3/7/