有没有办法一秒接一秒地启动setInterval
Is there any way to start a setInterval one second after another?
http://jsfiddle.net/9DP2d/
setInterval(toggleredBox, 1000);
setInterval(toggleorangeBox, 1000);
setInterval(toggleyellowBox, 1000);
var toggleredBox = function toggleredBox() {
$(".redBox").slideToggle(1000);
};
var toggleorangeBox = function toggleorangeBox() {
$(".orangeBox").slideToggle(1000);
};
var toggleyellowBox = function toggleyellowBox() {
$(".yellowBox").slideToggle(1000);
};
所以问题是,所有三个盒子都同时发射:有没有办法让它们同时发射一个又一个?
可以这样做:
setInterval(toggleredBox, 3000);
var toggleredBox = function toggleredBox() {
$(".redBox").slideToggle(1000);
setTimeout(toggleorangeBox, 1000);
};
var toggleorangeBox = function toggleorangeBox() {
$(".orangeBox").slideToggle(1000);
setTimeout(toggleyellowBox, 1000);
};
var toggleyellowBox = function toggleyellowBox() {
$(".yellowBox").slideToggle(1000);
};
也可以在最后一个函数中有另一个setTimeout
,只需调用希望动画开始的函数即可。
小提琴
您可以使用setTimeout延迟启动:
setInterval(toggleredBox, 1000);
setTimeout(function(){
setInterval(toggleorangeBox, 1000);
}, 1000):
setTimeout(function(){
setInterval(toggleyellowBox, 1000);
}, 2000):
您也可以对所有三个间隔使用一个间隔,并使用计数器检查第一次切换它们的时间:
setInterval(toggleBoxes, 1000);
var cnt = 0;
function toggleBoxes() {
$(".redBox").slideToggle(1000);
if (cnt > 0) $(".orangeBox").slideToggle(1000);
if (cnt > 1) $(".yellowBox").slideToggle(1000);
cnt++;
};
演示:http://jsfiddle.net/9DP2d/2/
尝试实现"一个接一个同时"(无论这意味着什么(:
setInterval(toggleredBox, 1000);
var toggleredBox = function() {
$(".redBox").slideToggle(1000, toggleorangeBox);
};
var toggleorangeBox = function() {
$(".orangeBox").slideToggle(1000, toggleyellowBox);
};
var toggleyellowBox = function() {
$(".yellowBox").slideToggle(1000);
};
相关文章:
- 如果30秒未单击,请应用CSS一次,将其删除,然后重新迭代
- 设置随机数,然后每5秒随机减少一次,直到达到0(javascript)
- Javascript函数,需要每隔30秒递减一次
- 一键启动按钮不起作用
- 画布在 Angular 服务调用中冻结一秒
- 如何在事件侦听器中每隔一秒执行一次函数
- 如何使用正则表达式每隔一秒选择一次
- 每 60 秒仅启动一次事件 (JavaScript)
- 用“for 循环”为每一秒更改颜色 ul li
- 一次启动多个jQuery动画
- RegExp替换每隔一秒的星号
- 有没有办法一秒接一秒地启动setInterval
- 获得数学.四舍五入到下一分钟,即使超过一秒
- 每隔一秒匹配一个字符
- 为什么serviceworker会导致每一秒的jquery发布都立即停止?
- Moment.js倒计时不递减超过一秒
- 每 2 秒启动一次功能,每 5 秒启动一次
- PHP和MySQL倒计时和更新数据库在每一秒和在过期保存结果在数据库
- Bootstrap's下拉菜单在按下它们后不到一秒关闭(Android 4.2.1, stock浏览器)
- Internet Explorer可满足的图像点击事件每隔一秒触发一次