一段时间后淡入淡出变得非常快[javascript]
在我让它加载一段时间后,淡入淡出的速度比一开始正常工作时的预期速度快3倍左右。有什么帮助或者解释我做错了什么吗?多谢各位一段时间后淡入淡出变得非常快[javascript],javascript,jquery,text,rotation,fading,Javascript,Jquery,Text,Rotation,Fading,在我让它加载一段时间后,淡入淡出的速度比一开始正常工作时的预期速度快3倍左右。有什么帮助或者解释我做错了什么吗?多谢各位 <html> <head> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script> <script type='text/javascript'> $(
<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
var x =-1
function setWord(){
function come(){
$(".fde").fadeIn(200);
}
come();
function fade(){
$(".fde").fadeOut(200);
}
setTimeout(fade, 2800);
var phrases =new Array("War is peace","Freedom is slavery","Ignorance is strength");
if (x == phrases.length-1){x = -1}
x += 1;
$(".test").text(phrases[x]);
}
setTimeout(setWord,0);
setInterval(setWord, 3000);
});
</script>
</head>
<body>
<p class="fde"><span class='test'></span></p>
</body>
</html>
尝试将设置间隔值增加到5000/10000 实际上,您不需要任何setInterval或setTimeout,只需使用.animate回调函数即可再次运行函数:
$(function(){ // DOM ready
var x = 0,
$test = $('.test'),
phrases = ["War is peace","Freedom is slavery","Ignorance is strength"],
n = phrases.length;
function loopWords(){
$test.text(phrases[x++%n]).parent().fadeTo(500,1).delay(2000).fadeTo(500, 0, loopWords);
}
loopWords(); // Start
});
你能提供一把小提琴吗?