2016-02-13 3 views
-1

Я хочу сделать обратный отсчет Стоп-часы, в которых я могу определить время, и оно уменьшится до 0:00, в котором у меня есть 3 кнопки i.e Start, Stop, Reset.Я хочу сделать секундомер обратного отсчета

Может кто-нибудь помочь? Я искал много веб-сайтов, но не получил то, что хочу.

+0

Пробовали ли вы что-нибудь? Ваши собственные идеи? – MysterX

+0

такой же, как этот https://jsfiddle.net/MUn4k/54/, но не в angularJS – Lakshya

ответ

1

попробовать эту надежду работать для вас

var CCOUNT; 
 
$(document).ready(function() { 
 
    $('#btnct').click(function() { 
 
     CCOUNT = $('#seconds').val(); 
 
     cdreset(); 
 
    }); 
 
}); 
 
var t, count; 
 

 
function cddisplay() { 
 
    document.getElementById('timespan').innerHTML = count; 
 
} 
 

 
function countdown() { 
 
    // starts countdown 
 
    cddisplay(); 
 
    if (count === 0) { 
 
     // time is up 
 
    } else { 
 
     count--; 
 
     t = setTimeout(countdown, 1000); 
 
    } 
 
} 
 

 
function cdpause() { 
 
    // pauses countdown 
 
    clearTimeout(t); 
 
} 
 

 
function cdreset() { 
 
    // resets countdown 
 
    cdpause(); 
 
    count = CCOUNT; 
 
    cddisplay(); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
 

 
<form id="frm">Seconds: 
 
    <input type="text" id="seconds" name="seconds" value="0" size="2" maxlength="2" /> 
 
    <br/> 
 
    <input type="button" id="btnct" value="Input" /> 
 
</form> 
 
<span id="timespan"></span> 
 

 
<input type="button" value="Start" onclick="countdown()"> 
 
<input type="button" value="Stop" onclick="cdpause()"> 
 
<input type="button" value="Reset" onclick="cdreset()">

+0

Спасибо, Just wanted This thing :) – Lakshya

1

Сначала вы должны попробовать сами.

Если вы этого не сделаете, думаю, this видео поможет вам создать секундомер. Или вы можете увидеть this сообщение в блоге. и here - еще один пример секундомера.

+0

Спасибо за помощь – Lakshya

Смежные вопросы