자동 재시작/재설정 카운트 다운 타이머
-
06-09-2019 - |
문제
내가 원하는 것은 타이머가 최종 날짜와 시간에 도달했을 때 자동으로 다시 시작하지만 60 초에서 카운트 하락함으로써 시작된다는 것입니다. jQuery를 처음 접하고 거의 3 일 동안이 문제를 겪고 있으며 나는 그것을 실행할 수 없습니다. 카운트 다운은 데이터베이스에서 삽입 된 종단 데이터와 완벽하게 작동하지만 종료 날짜와 시간에 도달하면 (예 : 0 시간 0 시간 0 초) 60 초에서 0으로 카운트로 시작해야합니다.
누군가이 문제를 도와 줄 수 있습니까? 여기 내 코드의 평화 아래에서 IM을 사용하고 있습니다. IM을 사용하여 PHP와 결합하여 카운트 다운에 사용되는 DIV도 생성합니다.
jQuery :
$data = '<script type="text/javascript">
$(function () {';
foreach( $datarows as $key => $value ) { // start php foreach
$data .= '
$(\'#wincountdown'.$datarows[$key]['uid'].'\').countdown({ until: new Date( '. strftime( '%Y,%m - 1,%d,%H,%M',$datarows[$key]['end_bidding']).' ) }) ;
';
} // end php foreach
$data .= '
});
</script>';
HTML
<div id="wincountdown<#nr#>"> </div> //build by db array
따라서 위의 코드 조각은 잘 작동합니다. 이제 종료 날짜에 도달하면 자동으로 다시 시작해야합니다. 그래서 내 질문은 내가 원하는 것을 깨닫기 위해 코드 조각을 구현할 수있는 방법, 또는 사용하고 추가 해야하는 jQuery의 어떤 기능을 수행 할 수 있습니까? 어쩌면 누군가가 Allready와 비슷한 일을하고 그것을 공유하고 싶은 코드를 얻었 을까요?
누군가 나를 도와 줄 수 있습니까? 내가 충분히 명확하지 않다면 더 잘 설명 해달라고 부탁하십시오.
미리 감사드립니다.
올바른 솔루션이 없습니다
다른 팁
사용 jQuery 카운트 다운 플러그인.
타이머가 0에 도달하면 발사 될 수있는 콜백 이벤트가 있습니다. 이런 일이 발생하면 간단히 재설정하고 타이머를 재설정하십시오.
이것이 우리의 HTML이라고 가정합니다.
<div id="shortly"></div>
<button id="shortlyStart">Start</button>
이것은 카운트 다운 타이머를 재설정하는 데 필요한 jQuery입니다.
// restart the timer on expiry
$('#shortly').countdown({until: shortly,
onExpiry: restart, onTick: watchCountdown});
$('#shortlyStart').click(function() {
// restart the timer on click
restart();
});
function restart() {
shortly = new Date();
shortly.setSeconds(shortly.getSeconds() + 5.5);
$('#shortly').countdown('change', {until: shortly});
}
// show the timer results
function watchCountdown(periods) {
$('#monitor').text('Just ' + periods[5] + ' minutes and ' +
periods[6] + ' seconds to go');
}
위의 코드를 다시 연구했습니다. Yeaaahhh. 코드에서 다른 것들을 조정해야하지만 나의 주요 목표에 도달했습니다 ... 많은 감사합니다. 이것은 jQuery를 조금 더 잘 이해하는 데 도움이됩니다. 기본적으로 간단하지만 먼저 기본을 이해해야합니다 :)
정말 감사합니다!