我一直在学习 Jquery，我制作了一个小横幅，可以动画显示，然后返回提供信息。但是，我希望它处于定时循环中； IE。它每 5 分钟运行一次动画。
这是代码:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
do {
var i = 1
$(document).ready(function(){
$("#twitter").delay(200).animate({left:'225px'}, "slow").delay(5000).animate({left:'-225px'}, "slow");
$("#tag_line").delay(300).fadeIn(2000).delay(2500).fadeOut(1000);
$("#content").delay(1000).slideDown("slow").delay(3000).slideUp("slow");
var box=$("#box");
box.animate({width:'toggle'},"normal").delay(500);
box.animate({height:'180px'},"slow").delay(3000);
box.animate({height:'100px'},"slow").delay(750);
box.animate({width:'toggle'},"normal").delay(3000);
});
}
while (i < 2)
</script>
<style>
#twitter
{
height:100px;
width:140px;
position:absolute;
z-index:20;}
#box
{
background:lightgrey;
height:100px;
width:350px;
opacity:0.2;
display:none;
position:absolute;
z-index: 10;
border-style: outset;
border-width: large;
border-color: black;
}
#container {
width: 100px;
height: 100px;
position:absolute;
}
#tag_line {
position:absolute;
z-index:15;
display:none;
padding-left:15px;
font-size:30px;
height:60px;
line-height:24px;
font-family:"SF Slapstick Comic";
color: red;
}
#content {
position:absolute;
z-index:15;
display:none;
padding-left:15px;
padding-top:90px;
font-size:30px;
height:60px;
line-height:24px;
font-family:"SF Slapstick Comic"
}
</style>
<title>Test Jquery</title>
<meta charset="utf-8">
</head>
<body>
<div id="container">
<div id="tag_line"><h1>Twitter</h1></div>
<div id="twitter"><img src="img/logo/twitter.png" width="140" height="100"></div>
<div id="content"><h2>@Geekster_Alan</h2></div>
<div id="box"></div>
</div>
</body>
</html>
我怎么让它也循环？
此外，如果您发现通用代码有任何问题，请指出，我们将不胜感激!我是 Jquery、JS 和 HTML/CSS 的新手，所以积极的批评会帮助我学习!
谢谢!
最佳答案
您可以使用 setInterval 函数每隔 X 毫秒执行一次代码 在此处查看详细信息:http://www.w3schools.com/js/js_timing.asp
关于javascript - 用于定时横幅动画的 Jquery Loop，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26171037/