Задать вопрос
@DromHour
javascript

Почему JS не видит второй аргумент?

Есть задача - если поле ввода "link" != источнику звука "player", исправить:
var dynUp = setInterval("if (document.getElementById('link').value != document.getElementById('player').getAttribute('src')) 
{
document.getElementById('player').setAttribute('src','document.getElementById(\'link\').value');
document.getElementById('loadicon').innerHTML = '<div class=\'cssload-whirlpool\'></div>';
while (document.getElementById('player').readyState == 0) {};
document.getElementById('loadicon').innerHTML = ''}", 100);


While используется как ожидание загрузки метаданных аудио.

7983987837f74b7e91b1508929ad5abd.jpeg

Однако, после первого аргумента setAttribute, JS решает, что второй аргумент нам не особо-то и нужен, а вот закрывающую скобку он игнорит, в следствие чего, дальше код не идёт.

Uncaught SyntaxError: missing ) after argument list
  • Вопрос задан
  • 158 просмотров
3 комментария
Подписаться 1 Оценить 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@miserenkov
Middle PHP Developer 
var dynUp = setInterval(function () {
    if (document.getElementById('link').value != document.getElementById('player').getAttribute('src')) {
        document.getElementById('player').setAttribute('src', 'document.getElementById(\'link\').value');
        document.getElementById('loadicon').innerHTML = '<div class=\'cssload-whirlpool\'></div>';
        while (document.getElementById('player').readyState == 0) {
            
        }
        document.getElementById('loadicon').innerHTML = ''
    }
}, 100);

Если хотите передать код в строке то либо пишите все в одну строку, либо переносите следующим образом
var dynUp = setInterval("if (document.getElementById('link').value != document.getElementById('player').getAttribute('src'))" +
            "{" +
            "document.getElementById('player').setAttribute('src','document.getElementById(\'link\').value');" +
            "document.getElementById('loadicon').innerHTML = '<div class=\'cssload-whirlpool\'></div>';" +
            "while (document.getElementById('player').readyState == 0) {};" +
            "document.getElementById('loadicon').innerHTML = ''}", 100);

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка Pwa сайта
19 апр. 2024, в 13:12
35000 руб./за проект
Доработать вебпроект со стеком: yii2, jquery, vue
19 апр. 2024, в 13:06
6000 руб./за проект
Правки и доработки CRM системы PHP, JS, Smarty,
19 апр. 2024, в 13:03
1500 руб./в час
Ещё заказы