这是淡出文本和淡化新文本的脚本
但是一个文本应该完全淡出然后新手应该慢慢消失,我不知道我的代码中有什么问题。
var textArray = ["murali","prashanth","nutal","candy"];
var getRand = (function() {
var nums = [0,1,2,3];
var current = [];
function rand(n) {
return (Math.random() * n)|0;
}
return function() {
if (!current.length) current = nums.slice();
return current.splice(rand(current.length), 1);
}
}());
setInterval(function(){callme();},5000);
function callme(){
var x = getRand();
$("#mydiv").html(textArray[x])
$("#mydiv").fadeOut(4000).fadeIn(2000);
}
答案 0 :(得分:2)
答案 1 :(得分:2)
答案 2 :(得分:1)
修复如下:
interval = fadein + fadeout
(6000 = 4000 + 2000)使用与您相同的淡入淡出时间检查working code,将内部设置更改为6000而不是5000以及更改的动画顺序。
工作代码:
var textArray = ["murali","prashanth","nutal","candy"];
var getRand = (function() {
var nums = [0,1,2,3];
var current = [];
function rand(n) {
return (Math.random() * n)|0;
}
return function() {
if (!current.length) current = nums.slice();
return current.splice(rand(current.length), 1);
}
}());
setInterval(function(){callme();},6000);
function callme(){
var x = getRand();
$("#mydiv").html(textArray[x])
$("#mydiv").fadeIn(2000)
$("#mydiv").fadeOut(4000);
}