Часто при використанні пошуку. особливо коли зустрічається слово кнопка, можна побачити різні варіанти запитів на пошук рішень, що реалізують автоматичний клік по кнопці або будь-якого іншого елементу на сторінці. Простіше кажучи - самонажімающуюся кнопку, або імітацію кліка.
Де це може стати в нагоді і яким чином. Тут однозначно сказати не можна, напевно в першу чергу ваша фантазія повинна підказати, яким чином можна застосувати автоматичне натискання кнопки.
Так що варіантів використання самонажімающіхся кнопок або самопоявляющіхся блоків, сила-силенна. Як використовувати даний урок, вирішуйте самі, тому давайте перейдемо до вихідного коду, і зробимо кнопку, а потім застосуємо кілька різних варіантів для її натискання.
1) Створюємо кнопку. для цього нам цілком підійде html тег button. який і призначений для створення кнопок. Для того щоб звертатися до нашої кнопці, задамо їй унікальний ідентифікатор, наприме id = "justbutton", і для демонстрації виконання створимо вікно alert. яке інформуватиме при натисканні. Тепер наша кнопка виглядає так:
Тепер якщо натиснути на кнопку. то з'явиться вікно, в якому буде вміст alert. Але нам ще потрібно змусити знаходитесь у скрутному становищі цю кнопку самостійно, щоб як тільки завантажилася сторінка, відразу відбувалася подія.
Для цього потрібно повешана подія window.onload на кнопку, яка допомагає реалізувати будь-яка дія при відкритті сторінки. Нам знадобиться невеликий фрагмент js коду, що привласнює нашої кнопці (її ідентифікатором) подія кліка мишки. Зробити це можна так:
А якщо знадобиться запустити це віконце не відразу, а через певний проміжок часу?
Це також можна реалізувати за допомогою даного способу, додавши метод setTimeout. відповідальний за затримку часу, зазначених вище в мілісекундах, і виконується один раз, що нам і потрібно:
Бувають випадки коли потрібно через певний час робити схожі дії. наприклад натискати на якусь кнопку, або виводити якусь інформацію. Припустимо нам потрібно кожні 10 секунд натискати на кнопку, це можна зробити використовуючи setInterval, який відрізняється від методу setTimeout тим, що виконує код в нескінченному циклі, через рівні проміжки зазначеного часу, і може бути зупинений за допомогою clearInterval. Вихідний код для самонажімающейся кожні 10 секунд кнопки буде виглядати так: