javascript动画:我需要嵌套的setInterval吗?

时间:2012-02-02 17:02:13

标签: javascript

我正在重新提出我在这里可以找到的问题: Javascript: nested loops? 因为我相信我不清楚,解决方案并没有解决我的问题。 让我试着让我更清楚:

假设我有一个动画animation(n),它是一个随机删除网页中每个单词的第一个字母的函数(我知道这很奇怪但只是问题的一个例子),我想要用户看到字母随机时间消失(一系列动画,变速和暂停)

假设

function animation(n){

// n is the numer of letters to remove
// code to remove the letter

}

我如何每2秒触发一次这个动画(),动画应该持续0.5秒?

或随机方法:

如何每n(n> 0&& n< 2< 2)秒触发此动画(),并且动画应该持续n(n> 0& n< n< 2)秒?

我一直在尝试使用setInterval,但我现在有点儿了

1 个答案:

答案 0 :(得分:0)

我会像这样使用随机数生成器:

function animation(){
    //your code here
    setNewAnimation(); //set another call at random
}

function setNewAnimation() {
    setTimeout(animation, Math.floor((Math.random()*3)+1)*1000); //random between 1-3 seconds
}

window.onload = function() {
    setNewAnimation() //initial call
};