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

@Риназ · Регистрация: 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>

Новые блоги и статьи Все статьи Все блоги /
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .

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

	Как сделать таймер после клика по банеру? 28.06.2018, 14:24. Показов 2931. Ответов 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