Как сделать автоматическое нажатие кнопки на сайте через 5 секунд после загрузки сраниц?

Question

[0leg5ergeev]

Есть у меня параграф с классом class="next-slide-text", хочется, чтобы через 5 секунд после загрузки происходило "нажатие" на этот параграф. Хелп плс

Answer 1

[Stalker_RED]

document.addEventListener('DOMContentLoaded', function(e){ // ждем окончание загрузки
	setTimeout(function(){
        var myElement = document.querySelector('.next-slide-text') // ищем нужный элемент
        myElement.click() // клик!
    }, 5000) // 5000 msec = 5 sec
})

Comments

[Алексей Уколов]

Просто в качестве предупреждения тем, кто будет использовать код - DOMContentLoaded работает не во всех браузерах.

[Stalker_RED]

Алексей Уколов, по состоянию на 2020 уже можно считать, что во всех? :)

[Алексей Уколов]

Благословляю.

Answer 2

[Дима Паутов]

click() - нативный js
trigger('click') - jquery

На нативном js

// После загрузки страницы
window.addEventListener('load', function(){
	'use strict';

	// Получим наш параграф
	var el = document.querySelector('.next-slide-text');

	// Событие, которое происходит при клике на параграф
	el.addEventListener('click', function(){
		alert('Был клик');
	});

	// Тут запускаем через 5 секунд симуляцию клика по парагафу
	setTimeout(function(){
		el.click();
	}, 5000);
});

Демо

На jQuery

// После загрузки страницы
$(window).on('load', function(){
	'use strict';

	// Получим наш параграф
	var el = $('.next-slide-text');

	// Событие, которое происходит при клике на параграф
	el.on('click', function(){
		alert('Был клик!');
	});

	// Тут запускаем через 5 секунд симуляцию клика по парагафу
	setTimeout(function(){
		el.trigger('click');
	}, 5000);
});

Демо

Answer 3

[dake1231]

может так?

$(document).load(function(){
     setTimeout(function(){
             $("#myButton").trigger("click");
     }, 5000)
})