一段时间后,淡入淡出变得非常快
Fading in and out becomes very quick after some time [javascript]
在我加载了一段时间后,淡入和淡出变得比预期快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'>
$(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>
jsBin DEMO
实际上你不需要任何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
});
尝试将setInterval值增加到5000/10000。
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- Javascript将图像src更改为淡入淡出
- css(或jQuery)悬停时淡入淡出
- 将淡入淡出添加到“我的身体背景滑块”
- 通过javascript操作图像,非常简单
- 多重潜水淡入淡出打开
- 添加/删除类淡入淡出不起作用
- 在容器中心滚动时淡出
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- jQuery淡出后停止自动滚动
- 在这个幻灯片中没有淡出效果JavaScript,CSS和HTML
- 使用jquery淡入淡出
- 淡入淡出脚本不起作用
- 具有淡入淡出效果的全背景图像
- 3秒后淡出文本
- jQuery滑块淡入淡出
- 非常简单的XMLHttpRequest不起作用
- 在淡入淡出之间淡入淡出
- 一段时间后,淡入淡出变得非常快