Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   переход на новую страничку с паузой N секунд (https://javascript.ru/forum/project/76425-perekhod-na-novuyu-stranichku-s-pauzojj-n-sekund.html)

konart 10.01.2019 14:48
переход на новую страничку с паузой N секунд
 
Есть радио кнопка при нажатии на которую происходит анимация, нужно сделать задержку перехода по онклик чтобы анимация успела показаться.

Nexus 10.01.2019 14:50
Ну так отложите переход на некоторое время.

konart 10.01.2019 14:57
переход с задержкой по ссылке:
<a href="NOWINKA CHART - 2.html" onclick="url=this.href;setTimeout('location.href=u rl',3000);this.href='javascript:void(0)';">кно ка</a>

получается как нужно, а вот с кнопки
<input type="radio" name="POSA" value="9" id="POSA_9"
href="NOWINKA CHART - 2.html"
onclick="url=this.href;setTimeout('location.href=u rl',3000);this.href='javascript:void(0)';"
>

не может найти страничку? Где ошибка?

konart 12.01.2019 18:58
:dance: не разрешимая задача похоже :help:

laimas 12.01.2019 19:20
Цитата:
Сообщение от konart
не разрешимая задача похож
А откуда у кнопки href?

VооDоо 12.01.2019 19:32
konart, так должно работать:

<!DOCTYPE html>
<body>

<input
type="radio"
name="POSA"
value="9"
id="POSA_9"
href="https://www.google.com"
onclick="setTimeout(()=> window.location = this.getAttribute('href'), 500);"
>

</body>
</html>


Без стрелочной функции так:

<!DOCTYPE html>
<body>

<input
type="radio"
name="POSA"
value="9"
id="POSA_9"
href="https://www.google.com"
onclick="var url = this.getAttribute('href'); setTimeout(window.location = url, 500);"
>

</body>
</html>


href лучше запихать в data-атрибуты https://learn.javascript.ru/attribut...tom-properties

konart 14.01.2019 08:28
VooDoo - СПАСИБО!!!
Первый вариант работает, второй нет, но мне и одного хватит. Про data атрибуты почитаю.
Ещё раз спасибо! Всего хорошего!:victory:


Часовой пояс GMT +3, время: 09:18.