Действие при окончании времени в TimeCircles
Использую плагин "TimeCircles" (красивые часы\таймер круглые :))
Я не могу понять, как при завершении времени, запустить какое-то действие? Мне нужно, чтобы нажалась кнопка <button class='center btn' id='btn'>Кнопка</button> Часы: <div class='center' id='DateCountdown' data-timer='10' style='width: 40%;'></div> <script type="text/javascript"> <!-- $("#DateCountdown").TimeCircles({ "animation": "smooth", "bg_width": 1.2, "fg_width": 0.1, "circle_bg_color": "#60686F", "time": { "Days": { "text": "Дней", "color": "#FFCC66", "show": false }, "Hours": { "text": "Часов", "color": "#99CCFF", "show": false }, "Minutes": { "text": "Минут", "color": "#BBFFBB", "show": true }, "Seconds": { "text": "Секунд", "color": "#FF9999", "show": true } } }); </script> Вот документация: http://git.wimbarelds.nl/TimeCircles...e.php#func_end |
Я думаю так, но не получается...
$(".example").TimeCircles().end().fadeOut().btn.onclick; |
Сделал так:
setTimeout(function() { btn.click() }, 9000); |
SLameN,
$('#DateCountdown') .TimeCircles({ count_past_zero: false, time: { Days: { show: false }, Hours: { show: false }, Minutes: { text: 'Минут' }, Seconds: { text: 'Секунд' } } }) .addListener(function (unit, value, total) { if (total == 0) { $('#btn').trigger('click'); // this.TimeCircles().restart(); } }); |
Rise, Спасибо! Не могли бы вы подсказать еще такую вещь... При обновлении страницы время идет заново и пользователь может обмануть систему.
Пример: на прохождение теста дается 1 минута (например), пользователь обновляет страницу и время идет заново... Можно ли запомнить время когда было обновление страницы? Вот что нарыл, только оно не работает... function doCircleTimer(d) { var $timer = $('div#DateCountdown', window.parent.document); var dd = d; if (dd == undefined) { dd = $timer.data('timer'); } $timer.data('timer', dd); var tc = $timer.TimeCircles(getConfig(dd)).rebuild().restart(); if(!listenerAdded) tc.addListener(listener); } |
Часовой пояс GMT +3, время: 15:18. |