문제

내가 원하는 것은 타이머가 최종 날짜와 시간에 도달했을 때 자동으로 다시 시작하지만 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를 조금 더 잘 이해하는 데 도움이됩니다. 기본적으로 간단하지만 먼저 기본을 이해해야합니다 :)

정말 감사합니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top