Превышен максимальный размер стека вызовов во время вызова setTimeout - PullRequest
22 голосов
/ 04 января 2012

Я пытаюсь вызывать свою функцию каждые 4 секунды, чтобы она увеличивала число в реальном времени. По какой-то причине я продолжаю получать ошибки. Вот мой код:

<html>
<head>
<title>Recycle Counter</title>
<script type="text/javascript">
    function rand(from, to)
    {
       return Math.floor(Math.random() * (to - from + 1) + from); // Generates random number
    }   

    var num = rand(10000, 100000);

    function getNum() // Gets triggered by page load so innerHTML works
    {
        document.getElementById('counter').innerHTML = num + 7;
        setTimeOut(getNum(), 4000);
    }   
</script>
</head>
<body onload="getNum()">
    <div id="counter">

    </div>
</body>
</html>

Ответы [ 3 ]

41 голосов
/ 04 января 2012

Внутри getNum, вы напрямую вызываете функцию getNum, в результате чего стек исчерпывается.Замените вызов функции getNum() ссылкой на функцию getNum:

function getNum() // Gets triggered by page load so innerHTML works
{
    num += 7;     // Increase and assign variable
    document.getElementById('counter').innerHTML = num;
    setTimeout(getNum, 4000);   // <-- The correct way
}

Ссылка на документацию setTimeout.

10 голосов
/ 04 января 2012

Проблема в том, что ваш вызов setTimeout вызывает getNum вместо планирования его выполнения. Это приводит к бесконечной рекурсии и переполнению стека. Попробуйте следующее вместо

setTimeout(getNum, 4000);
4 голосов
/ 04 января 2012

setTimeOut должно быть setTimeout

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...