Показать сообщение отдельно
  #1 (permalink)  
Старый 16.07.2014, 17:04
Аспирант
Отправить личное сообщение для SLameN Посмотреть профиль Найти все сообщения от SLameN
 
Регистрация: 13.08.2012
Сообщений: 70

Секундомер - старт и стоп
Использую такой секундомер: http://git.wimbarelds.nl/TimeCircles/readme.php

<div id="DateCountdown"  style="width: 100%;"></div>
<div class="example stopwatch" data-timer="900"></div> <button class="btn btn-success start">Start</button> <button class="btn btn-danger stop">Stop</button> <button class="btn btn-info restart">Restart</button>


<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": true
        },
        "Hours": {
            "text": "Часов",
            "color": "#99CCFF",
            "show": true
        },
        "Minutes": {
            "text": "Минут",
            "color": "#BBFFBB",
            "show": true
        },
        "Seconds": {
            "text": "Секунд",
            "color": "#FF9999",
            "show": true
        }
    }
     
    
});
-->
</script>


Куда мне вставить этот код, чтобы кнопки применялись к моему секундомеру?
$(".example.stopwatch").TimeCircles(); $(".start").click(function(){ $(".example.stopwatch").TimeCircles().start(); }); $(".stop").click(function(){ $(".example.stopwatch").TimeCircles().stop(); }); $(".restart").click(function(){ $(".example.stopwatch").TimeCircles().restart(); });
Ответить с цитированием