Как сделать таймер после клика по банеру?

@Риназ · Регистрация: 16.06.2017

Студворк — интернет-сервис помощи студентам

Всем привет! Как сделать таймер, который срабатывает после клика по баннеру. И чтобы он отображался в title. Если человек перейдёт на страницу раньше, то остановить таймер и вывести ошибку alert

@kalabuni · 30.06.2018, 16:03

подробннее про баннер расскажите: чей он, ваш или "чужой, внедрённый на вашу страницу", через какой тег он оформлен?
поясняю: если это чужой баннер, прописанный в ифрейме, то отследить клик по нему у вас в принципе не получится

@Риназ · 30.06.2018, 19:20 **[ТС]**

kalabuni, баннер линкслот. Думаю слышали

Добавлено через 1 час 48 минут

Сообщение от Риназ

Если человек перейдёт на страницу раньше, то остановить таймер и вывести ошибку alert

Запустить функцию таймера я смогу, но вот как вызвать ошибку?

Добавлено через 11 минут
В интернете нашел вот такой код, но не могу довести до ума:

JavaScript
1
2
3
4
5
6
7
8
9
mya = false; 
a = 0;
setInterval(function(){
if(mya) alert('Ошибка!');
a++;
document.querySelector('.onlineuser').innerHTML = a;
}, 1000)
window.onfocus = function(){ mya = true; }
window.onblur = function(){ mya = false; }

@kalabuni · 30.06.2018, 21:46

Сообщение от Риназ

баннер линкслот. Думаю слышали

нет, не слышал
но, полагаю, что вы размещаете на своей странице блок <script></script>, где в src указываете адрес какого-то js-файла, к которому приделан "хвостик" в виде символа вопроса и вашего уникального id в системе

в общем, откройте вашу страницу в браузере, выделите мышкой тот самый баннер / баннеры и через контекстное меню просмотрите "исходный код выделенного фрагмента"
если в этом исходном коде увидите тег <iframe>, то навсегда забудьте о своей "загодумке", ибо своим js-скриптом клик по чужому документу отследить и обработать нельзя!

@Риназ · 30.06.2018, 21:53 **[ТС]**

kalabuni, да вы правы, но в SRC указывается путь до php файла, а не js.

HTML5
1
<div id="linkslot_idбаннера"><script src="https://linkslot.ru/bancode.php?id=idбаннера" async></script></div>

Он же внутри div, может сделать функцию и запускать при клике(onclik="click")?
А вот код, который я писал выше, он же подходит? Только надо чуток изменить.

@kalabuni · 30.06.2018, 22:05

Сообщение от Риназ

Он же внутри div, может сделать функцию и запускать при клике(onclik="click")?

@Риназ · 01.07.2018, 09:55 **[ТС]**

[nick]kalabuni[/niсk] хорошо, спасибо за объяснение на пальцах, но я бы и так понял)
А если использовать этот код:?

HTML5
1
2
3
    <div class="column_3" id="hidden_link" onclick="document.all.hidden_link1.style.display='block';" style="width: 468px;display:yes">
    Код рекламы
    </div>

И вместо display yes, вызвать функцию

@kalabuni · 01.07.2018, 14:53

Сообщение от Риназ

А если

зачем спрашивать, просто попробуйте кликнуть по этой странице форума в ифрейме, если увидите алерт, то можно... но вы его не увидите:

HTML5
1
<div onclick="alert('работает')"><iframe src="https://www.cyberforum.ru/javascript-beginners/thread2270301.html#post12513875"></iframe></div>

почитайте и успокойтесь
цитирую главное:

Политика разрешает сценариям, находящимся на страницах одного сайта, доступ к методам и свойствам друг друга без ограничений, но предотвращает доступ к большинству методов и свойств для страниц на разных сайтах.

@Риназ · 01.07.2018, 15:23 **[ТС]**

Сообщение от kalabuni

Нет, там нет никакого iframe, я посмотрел

Добавлено через 8 минут
Все я нашел решение как запустить функцию при клике, вот теперь надо понять как понять подождал ли пользователь 5 секунд после клика. Если не подождав перешел на данную страницу, то вызвать alert

@kalabuni · 01.07.2018, 18:11

Риназ, в вашей предыдущей теме Опаздывает таймер в JS я как раз предлагал вам независимый (несессионный) таймер, блокирующий кнопку на час, но вы от него отказались, радостно сообщив, что таймер у вас реализован на PHP
теперь, значит, выяснили, что вам таки нужен как раз такой

@Риназ · 01.07.2018, 22:13 **[ТС]**

kalabuni, Так мне не надо ничего блокировать, а просто остановить таймер и вывести alert

Добавлено через 1 час 27 минут
Все, я все уже решил. Спасибо за внимание!

@kalabuni · 02.07.2018, 00:27

Сообщение от Риназ

Все, я все уже решил.

поделитесь решением, вдруг кому-то пригодится

@Риназ · 02.07.2018, 07:45 **[ТС]**

kalabuni, да без проблем. Надеюсь заслужил кнопку "Спасибо"

Вот код:

HTML5
1
2
3
4
5
6
<div class="column_3" id="hidden_link" onclick="start();" style="width: 468px;display:yes">
    код рекламного баннера с шириной 468px
</div>
<div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none"><br/>
    Здесь то, что должен появится после клика.
</div>

JS КОД:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function start() {
        okt = false; 
        a = 0;
        function timer(){
            if(okt) {
                if(a < 5) {
                    clearInterval(time);
                    alert('Ошибка! Вы не подождали 5 секунд');
                }
            }else{
                a++;
                document.querySelector('.onlineuser').innerHTML = a;
                if(a >= 5) {
                    clearInterval(time);
                    alert('Все ок!');
                    document.getElementById ('hidden_link1').onclick = document.all.hidden_link1.style.display='block';
                }
            }
        }
        time = setInterval(timer, 1000)
        window.onfocus = function(){ okt = true; }
        window.onblur = function(){ okt = false; }
    }

@Mr_Sergo · 02.07.2018, 08:52

Риназ,
Чет ни чего не работает, выдает ошибку: Uncaught TypeError:
Cannot set property 'innerHTML' of null at timer
Что делать?

@kalabuni · 02.07.2018, 13:51

zlojnaxa, достаточно увидеть в коде document.all, чтобы понять: этот, найденный Риназом на какой-то интернет-помойке скрипт в современных браузерах работать не будет
а уж определять, "что и как там ещё не работает" может быть интересно только слишком большим гурманам, хорошо разбирающимся в оттенках дерьма, ... я таковым не являюсь

@Mr_Sergo · 02.07.2018, 14:09

Сообщение от kalabuni

я таковым не являюсь

Ммм... меня интересует тот момент что ТС выкладывает "скрипт".
Мало того что этот "скрипт" нерабочий, ТС еще и намекает на "Спасибо", вот мне и хотелось бы что бы ТС ответил на поставленный мной вопрос выше, если конечно его это не затруднит... тогда я клацну "Спасибо".

@kalabuni · 02.07.2018, 14:21

понятно... ну тогда подождите, авось откликнется

@Риназ · 02.07.2018, 15:47 **[ТС]**

kalabuni, По вашему google chrome 67.0.3396.99 версии старый?

Добавлено через 47 секунд
Да и я не нашел этот код в инете, а сам написал. Да может быть код не из самых лучших, но я лишь новичок в js

Добавлено через 37 секунд

Сообщение от kalabuni

авось откликнется

что вы имеете в виду?

@Mr_Sergo · 02.07.2018, 15:50

Риназ, а я буду проигнорирован?

@Риназ · 02.07.2018, 15:54 **[ТС]**

zlojnaxa, извините, я забыл указать в html коде этот кусочек:

HTML5
1
<span class="onlineuser">0</span>

Новые блоги и статьи Все статьи Все блоги /
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .

@Риназ 12 / 2 / 2 Регистрация: 16.06.2017 Сообщений: 532

	Как сделать таймер после клика по банеру? 28.06.2018, 14:24. Показов 2926. Ответов 21 Метки нет (Все метки) Всем привет! Как сделать таймер, который срабатывает после клика по баннеру. И чтобы он отображался в title. Если человек перейдёт на страницу раньше, то остановить таймер и вывести ошибку alert 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	30.06.2018, 16:03
	подробннее про баннер расскажите: чей он, ваш или "чужой, внедрённый на вашу страницу", через какой тег он оформлен? поясняю: если это чужой баннер, прописанный в ифрейме, то отследить клик по нему у вас в принципе не получится 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.07.2018, 18:11
	Риназ, в вашей предыдущей теме Опаздывает таймер в JS я как раз предлагал вам независимый (несессионный) таймер, блокирующий кнопку на час, но вы от него отказались, радостно сообщив, что таймер у вас реализован на PHP теперь, значит, выяснили, что вам таки нужен как раз такой 0

@Риназ 12 / 2 / 2 Регистрация: 16.06.2017 Сообщений: 532
	01.07.2018, 22:13 [ТС]
	kalabuni, Так мне не надо ничего блокировать, а просто остановить таймер и вывести alert Добавлено через 1 час 27 минут Все, я все уже решил. Спасибо за внимание! 0

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	02.07.2018, 08:52
	Риназ, Чет ни чего не работает, выдает ошибку: Uncaught TypeError: Cannot set property 'innerHTML' of null at timer Что делать? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	02.07.2018, 13:51
	zlojnaxa, достаточно увидеть в коде document.all, чтобы понять: этот, найденный Риназом на какой-то интернет-помойке скрипт в современных браузерах работать не будет а уж определять, "что и как там ещё не работает" может быть интересно только слишком большим гурманам, хорошо разбирающимся в оттенках дерьма, ... я таковым не являюсь 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	02.07.2018, 14:21
	понятно... ну тогда подождите, авось откликнется 0

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	02.07.2018, 15:50
	Риназ, а я буду проигнорирован? 0