Помощник
|
Появление кнопки через некоторое время |
karabok2
|
Сообщение
#1
|
||
|
|
||
|
|||
k0ttee |
10.3.2017, 16:53;
Ответить: k0ttee
Сообщение
#2
|
|
В страницу добавляем однострочный скрипт
<script>$(function(){ $('#show_button_div').delay(3000).show(1000); });</script> Где: 3000 = три секунды задержки 1000 = плавное появление в течении одной секунды Кнопку оборачиваем в блок <div id="show_button_div" style="display:none"> это содержимое будет появляться </div> Добавлено спустя 2 минуты 13 секунд: А таймер... таймер можно взять какой-нибудь красивый. И тупо выставить в таймере такое же время как в скрипте отвечающем за появление. -------------------- btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9 |
|
|
karabok2
|
Сообщение
#3
|
|
k0ttee, Что-то у меня не получается... может я что-то не туда ставлю? Ты бы не мог сам завернуть? а то я понаделаю делов. С меня на конфету)
|
|
|
k0ttee |
10.3.2017, 17:18;
Ответить: k0ttee
Сообщение
#4
|
|
Мог бы :D
<script>$(function(){ $('#show_button_div').delay(3000).show(1000); });</script>
<div id="show_button_div" style="display:none"> <div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none"> <a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }"> <input type="submit" class="btn" value="Получить бонус"></a> </div> -------------------- btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9 |
|
|
karabok2
|
Сообщение
#5
|
|
k0ttee, а как сделать так, чтобы по нажатию вылезало сообщение, что кнопка появиться через (отсчет таймера)
А потом таймер исчезал и появлялась кнопка? |
|
|
k0ttee |
10.3.2017, 17:39;
Ответить: k0ttee
Сообщение
#6
|
|
а как сделать так, чтобы Убрать обертку которая документ-рэди, прикрутить к клику. Наверно надо расписать по-пунктам последовательность "что после чего и как". А я пошел в магазин за конфетой. :D -------------------- btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9 |
|
|
karabok2
|
Сообщение
#7
|
|
(k0ttee) Убрать обертку которая документ-рэди, прикрутить к клику. :unsure: я не понимаю как это((( тяжко быть новичком в этом |
|
|
k0ttee |
10.3.2017, 19:00;
Ответить: k0ttee
Сообщение
#8
|
|
Вот, накатал полностью готовую конструкцию (32 строки).
Поведение именно такое, как описано в недоТехническомЗадании. ;) <!-- счетчик появления -->
<script> function show_button_function(){ var counter=5;//время отсчета таймера (в секундах) var interval=setInterval(function() { $('#counter_starter').html('Ожидайте '+counter+ ' секунд') //текст на счетчике counter--; //обратный отсчет if(counter==0){ clearInterval(interval); $('#counter_starter').hide() //скрыть кнопку запуска $('#show_button_div').show(1000) //плавно показать кнопку получения } }, 1000); } </script> <!-- счетчик появления --> <!-- кнопка начала отсчета --> <button onClick="show_button_function()" id="counter_starter"> НАЧАТЬ </button> <!-- кнопка начала отсчета --> <!-- появляется по счетчику --> <div id="show_button_div" style="display:none"> <div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none"> <a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }"> <input type="submit" class="btn" value="Получить бонус"> </a> </div> </div> <!-- появляется по счетчику --> -------------------- btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9 |
|
|
karabok2
|
Сообщение
#9
|
|
|
|
|
k0ttee |
10.3.2017, 19:24;
Ответить: k0ttee
Сообщение
#10
|
|
таймер должен всплывать после нажатия по баннеру Ко всей херне, которая запускает счетчик, добавить onClick="show_button_function()" Блок кода <!-- счетчик появления -->
<script> function show_button_function(){ var counter=5;//время отсчета таймера (в секундах) var interval=setInterval(function() { $('#counter_starter').html('Ожидайте '+counter+ ' секунд') //текст на счетчике counter--; //обратный отсчет if(counter==0){ clearInterval(interval); $('#counter_starter').hide() //скрыть кнопку запуска $('#show_button_div').show(1000) //плавно показать кнопку получения } }, 1000); } </script> <!-- счетчик появления --> <!-- таймер --> <div id="counter_starter"></div> <!-- таймер --> <!-- появляется по счетчику --> <div id="show_button_div" style="display:none"> <div class="column_3" id="hidden_link1" onclick="document.all.hidden_link2.style.display='block';" style="display:none"> <a align="center" class="vklady_1" href="javascript:document.getElementById('plan').value=1;with(document.getElementById('vklad_form')){ submit(); }"> <input type="submit" class="btn" value="Получить бонус"> </a> </div> </div> <!-- появляется по счетчику --> -------------------- btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Bropush - Твой бро в монетизации через Push-уведомления | 28 | bropush | 11194 | Вчера, 12:52 автор: bropush |
|
Через какой браузер и как можно найти в кэшэ браузера видео | 10 | Room | 1932 | 23.3.2024, 7:41 автор: Room |
|
Вы тратите собственное время зря? | 35 | metvekot | 2457 | 19.3.2024, 20:14 автор: MisterBit |
|
Странный трафик на сайте длительное время | 26 | TABAK | 7513 | 16.3.2024, 17:31 автор: Boymaster |
|
XMLSeo - поисковая выдача Яндекс, Wordstat, Google, Bing, DuckDuckGo через API | 0 | Malpertu36 | 1537 | 25.12.2023, 19:34 автор: Malpertu36 |
Текстовая версия | Сейчас: 28.3.2024, 23:12 |