Передача параметров в функцию setInterval

Вам необходимо создать анонимную функцию, чтобы фактическая функция не выполнялась сразу.

setInterval( function() { funca(10,3); }, 500 );

теперь с ES5, привязать метод Function prototype:

setInterval(funca.bind(null,10,3),500);

Ссылка здесь

Добавьте их как параметры в setInterval:

setInterval(funca, 500, 10, 3);

В синтаксисе вашего вопроса используется eval, что не является рекомендуемой практикой .

Вы можете передать параметр (ы) как свойство объекта функции, а не как параметр:

var f = this.someFunction;  //use 'this' if called from class
f.parameter1 = obj;
f.parameter2 = this;
f.parameter3 = whatever;
setInterval(f, 1000);

Тогда в вашей функции someFunction у вас будет доступ к параметрам. Это особенно полезно внутри классов, где область видимости автоматически переходит в глобальное пространство, и вы теряете ссылки на класс, который изначально вызвал setInterval. При таком подходе "параметр2" в "someFunction" в приведенном выше примере будет иметь правильную область видимости.

setInterval(function,milliseconds,param1,param2,...)

Обновление: 2018 - используйте оператор «спред»

function repeater(param1, param2, param3){
   alert(param1);
   alert(param2);
   alert(param3); 
}

let input = [1,2,3];
setInterval(repeater,3000,...input);

Вы можете использовать анонимную функцию;

setInterval(function() { funca(10,3); },500);

Безусловно, наиболее практичным ответом является тот, который дал tvanfosson, все, что я могу сделать, это дать вам обновленную версию с ES6:

setInterval( ()=>{ funca(10,3); }, 500);

Достаточно цитирования аргументов:

OK --> reloadIntervalID = window.setInterval( "reloadSeries('"+param2Pass+"')" , 5000)

KO --> reloadIntervalID = window.setInterval( "reloadSeries( "+param2Pass+" )" , 5000)

Обратите внимание на одинарную кавычку ' для каждого аргумента.

Протестировано с IE8, Chrome и FireFox

const designated = "1 jan 2021"

function countdown(designated_time){

    const currentTime = new Date();
    const future_time = new Date(designated_time);
    console.log(future_time - currentTime);
}

countdown(designated);

setInterval(countdown, 1000, designated);

Есть так много способов сделать это, лично для меня это чисто и мило.

Я знаю, что эта тема настолько старая, но вот мое решение о передаче параметров в функции setInterval.

HTML:

var fiveMinutes = 60 * 2;
var display = document.querySelector('#timer');
startTimer(fiveMinutes, display);

JavaScript:

function startTimer(duration, display) {
    var timer = duration,
        minutes, seconds;

    setInterval(function () {
        minutes = parseInt(timer / 60, 10);
        seconds = parseInt(timer % 60, 10);

        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;

        display.textContent = minutes + ":" + seconds;
        --timer; // put boolean value for minus values.

    }, 1000);
}

Это работает _1 _.... Джон Клейзер привело меня к ответу.

Другое решение состоит в том, чтобы передать вашу функцию вот так (если у вас есть динамические переменные): setInterval ('funca (' + x + ',' + y + ')', 500);

Вы можете использовать библиотеку под названием underscore js. Он дает красивую оболочку для метода привязки, а также гораздо более чистый синтаксис. Позволяет вам выполнять функцию в указанной области.

http://underscorejs.org/#bind

_.bind (функция, область действия, * аргументы)

Эта проблема была бы хорошей демонстрацией использования замыканий. Идея состоит в том, что функция использует переменную внешней области видимости. Вот пример ...

setInterval(makeClosure("Snowden"), 1000)

function makeClosure(name) {
var ret

ret = function(){
    console.log("Hello, " + name);
}

return ret;
}

Функция «makeClosure» возвращает другую функцию, которая имеет доступ к переменной «name» внешней области видимости. Итак, по сути, вам нужно передать любые переменные функции "makeClosure" и использовать их в функции, назначенной переменной "ret". Фактически, setInterval будет выполнять функцию, назначенную для "ret".

У меня была такая же проблема с приложением Vue. В моем случае это решение работает только в том случае, если анонимная функция объявлена ​​как стрелочная функция в отношении объявления на крючке mounted () жизненного цикла.

Кроме того, с IE Support ›9, вы можете передавать больше переменных, установленных внутренним интервалом, которые будут использоваться вашей функцией. Например:

function myFunc(arg1, arg2){};
setInterval(myFunc, 500, arg1, arg2);

Привет!

Лучшее решение для этого ответа - следующий блок кода:

setInterval(() => yourFunction(param1, param2), 1000);