Почему не срабатывает setTimeout в данном случае?

Question

[Андрей Иванов]

Нужно сделать, чтобы блоки div с определенным классом появились спустя некоторое время. Пытаюсь реализовать через settimeout.

Если делаю функцию без аргумента, то все срабатывает, но когда пытаюсь сделать функцию с аргументом - нет. Получается ошибка в передаче аргумента? Интересно разобраться для себя...

function surprise (a) {
    a.show() ;
}
var timer = setTimeout (surprise, 15000, '$("div.classname")')

Comments

[twobomb]

Попробуй так

function surprise (a) {
    $(a).show() ;
}
var timer = setTimeout (surprise, 15000, "div.classname")

Answer 1

[v3shin]

Строка '$("div.classname")' не имеет метода show(). Передавайте селектор в функцию и обрабатывайте его в функции.

Comments

[Андрей Иванов]

Тогда почему срабатывает этот вариант?

function surprise () {
    let a = $('div.classname');
    a.show();
}
var timer = setTimeout (surprise, 15000)

[v3shin]

TomRiddle, по многим неизвестным причинам. Можете воспроизвести в песочнице?

[AUser0]

Потому что текстовая строка с названием функции и именно вызов именно функции - это абсолютно разные вещи. Пробуйте так:

function surprise (str) {
    let a = $(str);
    a.show();
}
var timer = setTimeout (surprise, 15000, 'div.classname');

[Spartak (Web-StyleStudio)]

TomRiddle,

function surprise () {
    let a = $('div.classname');
    a.show();
}
var timer = setTimeout (surprise, 15000)

При таком использовании let здесь лишнее, так будет короче

function surprise () {
	$('div.classname').show();
}
var timer = setTimeout (surprise, 15000);

Другие варианты использования, с передачей в качестве аргумента имени класса, написал в ответе

Answer 2

[Spartak (Web-StyleStudio)]

Потому что вы передаёте в качестве аргумента строку!

Правильно так (в качестве аргумента передаём элемент)

function surprise (a) {
    a.show() ;
}
var timer = setTimeout (surprise, 15000, $("div.classname"));

Либо так (в качестве аргумента передаём селектор)

function surprise (a) {
    $(a).show() ;
}
var timer = setTimeout (surprise, 15000, 'div.classname');