Действие при окончании времени в 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, время: 04:09. |