Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Действие при окончании времени в TimeCircles (https://javascript.ru/forum/dom-window/56992-dejjstvie-pri-okonchanii-vremeni-v-timecircles.html)

SLameN 14.07.2015 10:44

Действие при окончании времени в 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

SLameN 14.07.2015 11:00

Я думаю так, но не получается...
$(".example").TimeCircles().end().fadeOut().btn.onclick;

SLameN 14.07.2015 13:21

Сделал так:
setTimeout(function()
{
    btn.click()
}, 9000);

Rise 14.07.2015 17:27

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();
		}
	});

SLameN 15.07.2015 07:56

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.