나는 플립 클럭이 다운 대신 카운트 업하고 스톱워치처럼 멈추고 리셋 할 수 있기를 원합니다. 나는 그들이 특정 기간 (즉, 30 분)까지 카운트 다운하는 많은 플립 클록 카운트 다운 타이머를 발견했다. 날짜 대신 특정 기간으로 카운트 업하여 중지 및 재설정 할 수있는 방법이 궁금합니다.
HTML
<br />
<div class="clock" id="clock1"></div>
CSS
#clock1 {
position: absolute;
top: 50%;
left: 50%;
width: 700px;
margin-left: -350px; /*set to a negative number 1/2 of your width*/
height:100px;
margin-top: -60px; /*set to a negative number 1/2 of your height*/
}
JS
// Just for running purpose
//=======================================
var start = new Date();
start.setDate(start.getDate());
start.setHours(0,0,0,0)
//======================================
var now = new Date();
var diff = (now.getTime() - start.getTime()) / 1000;
var clock = $('#clock1').FlipClock(diff, {
clockFace: 'HourlyCounter',
countdown: false,
showSeconds: false
});
안타깝게도 사이트 가 참조 용으로 다운 되었다고 생각합니다 .
예 : diff30 초로 교체하면 . 이 계산됩니다 에서 30 대신 30 초.
좋아, 다음은 나를 위해 일한 것입니다.
JS :
var clock = $('.clock').FlipClock(0, {
clockFace: 'DailyCounter',
countdown: false });
function reset(){
clock = $('.clock').FlipClock(0, {
clockFace: 'DailyCounter',
countdown: false });
}
function stop(){
clock.stop();
}
countup = setInterval(function() {
if(clock.getTime().time > 30) {
clock.stop();
clearInterval(countup);
}
},500);
HTML :
<br />
<button style="width:200px; height: 50px;"onclick="reset()">Reset</button>
<button style="width:200px; height: 50px;"onclick="stop()">Stop</button>
<div class="clock" id="clock1"></div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다