Question

我正在对网络演变模型进行一些可视化。喜欢的东西。
基本算法是：

一些初始化操作
100个演变步骤
一些操作
100个演变步骤
其他一些行动
100个演变步骤
从第一步开始（即init ops）

所以基本上，我必须重复100次演化步骤3次，在两者之间完成独特的操作，然后再从头开始。

我目前的代码有点像这样：

var timer;
var counter;
function bigFunction() {

    function hundredSteps() {

        // code for single step

        timer = setTimeout(hundredSteps(), 10);
        counter++;
        stage++;

        if (counter >= 100) {
            clearTimeout(timer);
            counter = 0;
            nextStage(stage);
        }
    }

    function nextStage(stage) {

        if (stage == 1) {
            // 1st step code, some init operations
            timer = setTimeout(hundredSteps(), 10);
        }

        if (stage == 2) {
            // 2nd step code, some operations
            timer = setTimeout(hundredSteps(), 10);
        }

        if (stage == 3) {
            // 3rd step code, some other operations
            stage = 0;
            timer = setTimeout(hundredSteps(), 10);
        }
    }

    var stage = 1;
    counter = 0;
    nextStage(stage);
}

所以我想问一下：这是不是一个适当的＆＃39;如何编码我想要实现的东西？或者通常会采用不同的方式吗？

Answer 1

要使用设置超时，您需要将函数放入但不要调用它。像这样：

setTimeout(hundredSteps, 10)

或

setTimeout(function() {
  hundredSteps()
}, 10)

例如，我会把它清理一下。在您的问题中，您将使用计数器递增阶段，此时它应在下一步功能中递增。当完全没必要时，你还有一个变量来跟踪计时器。

这是一个工作示例的小提琴：http://jsfiddle.net/Czr8T/1/

var counter = 0,
    stage = 1

var hundredSteps = function() {
    counter++

    //Your code here            

    if (counter >= 100) {
        counter = 0
        nextStage()
    } else {
        window.setTimeout(hundredSteps, 10)
    }
}

var nextStage = function() {
    switch (stage) {
        case 1:
            //Your code here
            console.log("Stage one activated")
            break

        case 2:
            //Your code here
            console.log("Stage two activated")
            break

        case 3:
            //Your code here
            stage = 0
            console.log("Stage three activated")
            break
    }

    stage++
    window.setTimeout(hundredSteps, 10)
}

nextStage()

在javascript中反复重复一个函数的最佳方法？

1 个答案: