내 타이머가 0이되면 함수를 호출 해

debugcn 에 게시 Dev

Jeff Burghess

다음과 같은 타이머 기능이 있습니다 (방금 jsfiddle을 가져 왔습니다).

function countdown( elementName, minutes, seconds )
{
    var element, endTime, hours, mins, msLeft, time;

    function returnDate(){
    return Number(new Date);
    }

    function twoDigits( n )
    {
        return (n <= 9 ? "0" + n : n);
    }

    function updateTimer()
    {
        msLeft = endTime - (returnDate());
        if ( msLeft < 1000 ) {
            element.innerHTML = "0:00";
        } else {
            time = new Date( msLeft );
            hours = time.getUTCHours();
            mins = time.getUTCMinutes();
            element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
            setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
        }
    }

    element = document.getElementById( elementName );
    endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
    updateTimer();
}

함수를 호출하고 다음과 같이 2 분으로 카운트 다운하도록 설정합니다.

$(".btn-start").click(function(){
 countdown("countdown-2-minutes",2,0);

});

countdown-8-minutes타이머 countdown-2-minutes가 0 에 도달하면 즉시 시작하려는 ID가있는 다른 요소 가 있습니다. 어떻게해야합니까? 첫 번째 요소의 html이 "0:00"을 읽을 때 모니터링하는 것이 괜찮은 방법이라고 생각하지만 구현 방법을 정확히 모릅니다.

크리스 오 켈리

제가 제안하는 것은 다음과 같습니다. 먼저 countdown()콜백 매개 변수를 허용하도록 함수를 변경합니다 .

function countdown( elementName, minutes, seconds, callback )
{
    var element, endTime, hours, mins, msLeft, time;

    function returnDate(){
    return Number(new Date);
    }

    function twoDigits( n )
    {
        return (n <= 9 ? "0" + n : n);
    }

    function updateTimer()
    {
        msLeft = endTime - (returnDate());
        if ( msLeft < 1000 ) {
            element.innerHTML = "0:00";
            if (typeof callback === 'function') {
                callback.call()
            }
        } else {
            time = new Date( msLeft );
            hours = time.getUTCHours();
            mins = time.getUTCMinutes();
            element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
            setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
        }
    }

    element = document.getElementById( elementName );
    endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
    updateTimer();
}

그런 다음 초기 호출과 함께 해당 콜백을 전달하십시오.

$(".btn-start").click(function(){
    countdown("countdown-2-minutes",2,0, function(){countdown("countdown-8-minutes",8,0);});
});

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-9

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

내 타이머가 0이되면 함수를 호출 해

내 타이머가 0이되면 함수를 호출 해

함수 내에서 함수를 호출하면 0이 반환됩니다.

useEffect 내부 함수가 deepLink에 대해 호출되지 않음

이것은 호출에 의해 호출 될 때 내부 함수입니다.

MCPL 함수 호출 이해

타이머 타이머 Elapsedevent 내부 메서드 호출

함수 내부에 메모리를 할당해야합니까 아니면 장소 함수가 호출 되었습니까?

동일한 함수 [Session Timeout]을 통해 타이머를 표시하는 JavaScript 함수를 호출하기 전에 레이블을 지 웁니다.

함수를 비동기로 실행하면 해당 함수 내에서 비동기 WCF 호출이 부적절하게 실행됩니다.

매개 변수가있는 함수 내에서 변수 함수를 호출하려면 어떻게해야합니까?

함수가 호출되면 unique_lock이 잠금 해제됩니까?

onPress {} 내부의 차이 호출 함수

파이프 내에서 함수 호출

어떤 이유로 누군가 함수 내에서 함수를 호출하는 조건을 호출할까요?

나는이 타이머의 운동 반응 내 타이머를 재설정하여 문제를 가지고 button.I하여 다시 해결해야

내 타이머를 멈출 수없는 이유

내부 libc 함수 호출이 .plt를 거쳐야합니까?

타이머가 트리거 한 하나에서 다른 Azure 함수 호출

프로토 타입 함수 onclick 이벤트 내에서 프로토 타입 함수를 호출하는 방법

함수 내에서 함수를 호출하기 위해 missing ()으로 처리되는 누락 된 인수 처리

함수 호출의 Python 이해 (PEP 448)

함수 내에서 함수를 호출 할 때 이것의 바인딩

SQL Server DB 액세스를 위해 내 API를 직접 호출하거나 내 Azure API를 사용하는 것이 더 나은 Azure 함수

클래스를 사용한 Ruby on Rails 함수 호출 이해

데이터를보기 위해 ajax 자체 호출 함수

내 jquery를 통해 "응답"이 표시 / 호출되는 횟수를 어떻게 추적 할 수 있습니까?

IllegalStateException은 '내용이 변경되면 notifyDataSetChanged ()를 호출합니다.'

자바 스크립트를 사용하여 PHP에서 타이머가 0에 도달하면 메소드가 호출되지 않습니다.

내 UIView 하위 클래스에 모든 속성이 설정된 후에 만 함수를 호출하려면 어떻게해야합니까?

Linux 쉘이 달러 연산자를 통해 함수를 호출하지 못함