Javascript jQuery:My blinking text赢了'；结束闪烁后，不可见

我正在编写一个文本闪烁代码，注意到下面的代码有时会使文本在停止动画后保持隐藏，具体取决于时间：

//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);

我尝试在clearInterval（blink.fn）之后添加

blink.obj.show（）

，

blink.obj.css（…）

等但是

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

在闪烁完成后尝试

blink.obj.fadeIn（）

如果要保持速度，则

blink.obj.fadeIn（blink.speed）

：

下面是更新的JSFIDLE:

在闪烁完成后尝试

blink.obj.fadeIn（）

如果要保持速度，则

blink.obj.fadeIn（blink.speed）

：

下面是更新的JSFIDLE:

在闪烁完成后尝试

blink.obj.fadeIn（）

如果要保持速度，则

blink.obj.fadeIn（blink.speed）

：

下面是更新的JSFIDLE:

在闪烁完成后尝试

blink.obj.fadeIn（）

如果要保持速度，则

blink.obj.fadeIn（blink.speed）

：

---

下面是更新的JSFIDLE:

您的代码很好，只需去掉您添加的

+100

。尝试使用移除的100，因为它是100的倍数，当它到达那里时，15000小于该数量

//闪烁设置
变量闪烁={
对象：$（“.blink”），
超时：15000，
速度：1000
};
//启动功能
blink.fn=设置间隔（函数（）{
闪烁。目标衰减切换（闪烁。速度）；
}，闪烁。速度+100）；
//在“闪烁.超时”毫秒后结束闪烁动画
setTimeout（函数（）{
清除间隔（blink.fn）；
闪烁.目标fadeIn（闪烁.速度+1）；
闪烁=零；
}，闪烁。超时）

闪烁文本
您的代码很好，只需去掉您添加的
+100
。尝试使用移除的100，因为它是100的倍数，当它到达那里时，15000小于该数量


//闪烁设置
变量闪烁={
对象：$（“.blink”），
超时：15000，
速度：1000
};
//启动功能
blink.fn=设置间隔（函数（）{
闪烁。目标衰减切换（闪烁。速度）；
}，闪烁。速度+100）；
//在“闪烁.超时”毫秒后结束闪烁动画
setTimeout（函数（）{
清除间隔（blink.fn）；
闪烁.目标fadeIn（闪烁.速度+1）；
闪烁=零；
}，闪烁。超时）

闪烁文本
您的代码很好，只需去掉您添加的
+100
。尝试使用移除的100，因为它是100的倍数，当它到达那里时，15000小于该数量


//闪烁设置
变量闪烁={
对象：$（“.blink”），
超时：15000，
速度：1000
};
//启动功能
blink.fn=设置间隔（函数（）{
闪烁。目标衰减切换（闪烁。速度）；
}，闪烁。速度+100）；
//在“闪烁.超时”毫秒后结束闪烁动画
setTimeout（函数（）{
清除间隔（blink.fn）；
闪烁.目标fadeIn（闪烁.速度+1）；
闪烁=零；
}，闪烁。超时）

闪烁文本
您的代码很好，只需去掉您添加的
+100
。尝试使用移除的100，因为它是100的倍数，当它到达那里时，15000小于该数量


//闪烁设置
变量闪烁={
对象：$（“.blink”），
超时：15000，
速度：1000
};
//启动功能
blink.fn=设置间隔（函数（）{
闪烁。目标衰减切换（闪烁。速度）；
}，闪烁。速度+100）；
//在“闪烁.超时”毫秒后结束闪烁动画
setTimeout（函数（）{
清除间隔（blink.fn）；
闪烁.目标fadeIn（闪烁.速度+1）；
闪烁=零；
}，闪烁。超时）

闪烁文本
我希望无论
速度
或
超时
values@Omar因此，您必须将
blink.obj.fadeToggle（blink.speed）的数量排在首位在您的停止功能上至少再增加一毫秒
blink.obj.fadeIn（blink.speed+1）更新的代码段例如，如果我按照您的建议执行，然后在将来我（或其他人）将代码更改为
超时：15100，速度：1000
，我将遇到相同的问题。或
timeout:15000，speed:1100
，或任何其他int组合，它将/可能激活bugNo它应该可以与任何组合
timeout:15100，speed:1000
或
timeout:15000，速度：1100
无论
速度
或
超时
values@Omar因此，您必须将
blink.obj.fadeToggle（blink.speed）的数量排在首位在您的停止功能上至少再增加一毫秒
blink.obj.fadeIn（blink.speed+1）更新的代码段例如，如果我按照您的建议执行，然后在将来我（或其他人）将代码更改为
超时：15100，速度：1000
，我将遇到相同的问题。或
timeout:15000，speed:1100
，或任何其他int组合，它将/可能激活bugNo它应该可以与任何组合
timeout:15100，speed:1000
或
timeout:15000，速度：1100
无论
速度
或
超时
values@Omar因此，您必须将
blink.obj.fadeToggle（blink.speed）的数量排在首位在您的停止功能上至少再增加一毫秒
blink.obj.fadeIn（blink.speed+1）更新的代码段例如，如果我按照您的建议执行，然后在将来我（或其他人）将代码更改为
超时：15100，速度：1000
，我将遇到相同的问题。或
timeout:15000，speed:1100
，或任何其他int组合，它将/可能激活bugNo它应该可以使用任何组合
timeout:15100，speed:1000
或
timeout:15000，speed:1100
我希望无论
speed
或
timeout
values@Omar那么你必须
...
setTimeout(function () {
    clearInterval(blink.fn);
    blink.obj.show();
    blink.obj.css("visibility","visible");
...

...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);
...