Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Таймеры по клику на кнопки (https://javascript.ru/forum/dom-window/50377-tajjmery-po-kliku-na-knopki.html)

inet_boy 24.09.2014 00:58

Таймеры по клику на кнопки
 
Имеется сайт на котором расположены несколько дестяков кнопок, хотелось бы при клике на определенную кнопку вызывать таймер с обратным отсчетом возле кнопки, по истечении времени таймер скрыть, подскажите может кто сталкивался.

Нашол таймер (http://www.gieson.com/Library/projec...ies/countdown/) нет знаний прикрутить к кнопкам.

вызываю функцию
<script type="application/javascript">
var myCountdownID = new Countdown({time:990,width:52,height:23,rangeHi:"minute",style:"flip",labelText:{second:'',minute:''}});
</script>


:thanks:

inet_boy 24.09.2014 14:33

друзья ну подскажите хоть как запустить эту функцию по клику
выше писал что вызываю ее так:
<script type="application/javascript">
var myCountdownID = new Countdown({time:990,width:52,height:23,rangeHi:"minute",style:"flip",labelText:{second:'',minute:''}});
</script>


http://jsfiddle.net/5n8mkybe/
как ее запустить по клику?

Rise 24.09.2014 20:11

inet_boy,
function f(t){
	t.disabled = true;
	var p = t.parentNode;
	new Countdown({
		time: 5,
		width: 52,
		height: 23,
		rangeHi: 'minute',
		hideLabels: true,
		inline: true,
		target: p,
		onComplete: function(){
			p.removeChild(p.lastChild);
			t.disabled = false;
		}
	});
}

<div><input type="button" value="Click" onclick="f(this)"></div>
<div><input type="button" value="Click" onclick="f(this)"></div>

inet_boy 25.09.2014 00:14

Rise
спасибо тебе добрый человек, но есть проблемма в том что таймер показывается возле кнопки

подскажите если не трудно как сделать чтобы таймер отображадся в DIV с нужным id, а то немогу его ни как правильно разместить на сайте

тоесть:

<input type="button" value="Click" onclick="f('777', this)">
<div id='777'></div>

kostyanet 26.09.2014 16:14

С третьего раза, интересно, дойдет или нет?

Цитата:

A reference to an html DIV id (e.g. DIV id="foo")
div надо в target воткнуть.


Часовой пояс GMT +3, время: 14:38.