자바 스크립트에서 카운트 업 타이머 만들기

알리 지아

자바 스크립트로 계산되는 간단한 타이머를 만들고 싶습니다. 내 ajax가 성공적으로 실행되면 시작되고 결과는 다음과 같아야합니다.

1 sec ago
2 sec ago
.
.
1 min ago (for 60 sec)
2 min ago (for 60 sec)
... and so on

인터넷 검색 중이며 그러한 타이머를 찾을 수 없습니다. 어떤 제안?

Mayank Raj

카운터 (초 단위로 탭을 유지하는 데 사용됨)가 60 미만인지 여부를 확인하면됩니다. 60보다 크면 60으로 나누고 float값을 int변경 하여 분을 얻을 수 있습니다 . 팁 : 최대 xx 초까지 정확한 분이 필요한 경우 toFixed(2)대신 기능을 사용할 수 있습니다 .parseInt

해결책은 다음과 같습니다.

var elem = $('span');
var count = 0;
setInterval(function() {
  if (count > 60) { // We check if the timer is in seconds or mins
    var time = ++count; // We get a copy of the time in 'seconds'
    time = parseInt(time / 60); // We convert it to mins
    $(elem).text(time + 'm');
  } else { // Simmilarly we can also add a condition to check hours with s=3600
    $(elem).text(++count + 's');
  }
}, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
  <span>0</span> ago...
</p>

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트에서 반복되는 정확한 밀리 초 타이머 만들기

분류에서Dev

자바 스크립트 타이머 카운트 다운

분류에서Dev

Tkinter로 카운트 다운 타이머 만들기 시도

분류에서Dev

자바 스크립트에서 카운터 배열 만들기 (반응 네이티브)

분류에서Dev

서버 동기화로 자바 스크립트 타이머 만들기

분류에서Dev

카운트 다운 타이머 만들기

분류에서Dev

HH : MM : SS에 대한 카운트 다운 타이머 2 자리 만들기

분류에서Dev

타이머 기간 동안 카운트 업하는 Flipclock

분류에서Dev

타이머 카운트 다운 VB.Net 만들기?

분류에서Dev

자바 스크립트에서 5 분만 카운트 업 타이머

분류에서Dev

문자열을 기반으로 카운트 다운 타이머 만들기

분류에서Dev

자바 스크립트로 카운트 다운 만들기

분류에서Dev

자바 스크립트 카운트 다운 타이머 코드 [JS]

분류에서Dev

타이머 자바 스크립트 카운트 업

분류에서Dev

자바 스크립트에서 동적 테이블 만들기

분류에서Dev

iOS에서 카운트 업 타이머를 만드는 방법

분류에서Dev

카운트 다운 타이머 자바 스크립트

분류에서Dev

자바 스크립트 30 초 콘솔 카운트 다운 타이머

분류에서Dev

자바 스크립트 타이머 표시 00 자리 표시 자 만들기

분류에서Dev

사용자 입력을 기반으로 한 자바 스크립트 카운트 다운 및 카운트 업 타이머

분류에서Dev

자바 스크립트 | 페이지가 닫히기 직전에 트리거되는 팝업 만들기

분류에서Dev

루비 변수에서 카운트 다운하기 위해 자바 스크립트 타이머를 어떻게 통합합니까?

분류에서Dev

카운트 업 타이머 꾸미기

분류에서Dev

자바 스크립트 카운트 다운 타이머 로직

분류에서Dev

1 시간 후에 카운트 다운을 시작하는 자바 스크립트에서 카운트 다운 타이머 만들기

분류에서Dev

자바 스크립트 수동 카운트 다운 타이머 (사용자 입력 기준)

분류에서Dev

로드시 자바 스크립트 카운트 다운 타이머 오류

분류에서Dev

간단한 자바 스크립트 타이머 만들기

분류에서Dev

자바 스크립트 루프 카운트 다운 타이머

Related 관련 기사

  1. 1

    자바 스크립트에서 반복되는 정확한 밀리 초 타이머 만들기

  2. 2

    자바 스크립트 타이머 카운트 다운

  3. 3

    Tkinter로 카운트 다운 타이머 만들기 시도

  4. 4

    자바 스크립트에서 카운터 배열 만들기 (반응 네이티브)

  5. 5

    서버 동기화로 자바 스크립트 타이머 만들기

  6. 6

    카운트 다운 타이머 만들기

  7. 7

    HH : MM : SS에 대한 카운트 다운 타이머 2 자리 만들기

  8. 8

    타이머 기간 동안 카운트 업하는 Flipclock

  9. 9

    타이머 카운트 다운 VB.Net 만들기?

  10. 10

    자바 스크립트에서 5 분만 카운트 업 타이머

  11. 11

    문자열을 기반으로 카운트 다운 타이머 만들기

  12. 12

    자바 스크립트로 카운트 다운 만들기

  13. 13

    자바 스크립트 카운트 다운 타이머 코드 [JS]

  14. 14

    타이머 자바 스크립트 카운트 업

  15. 15

    자바 스크립트에서 동적 테이블 만들기

  16. 16

    iOS에서 카운트 업 타이머를 만드는 방법

  17. 17

    카운트 다운 타이머 자바 스크립트

  18. 18

    자바 스크립트 30 초 콘솔 카운트 다운 타이머

  19. 19

    자바 스크립트 타이머 표시 00 자리 표시 자 만들기

  20. 20

    사용자 입력을 기반으로 한 자바 스크립트 카운트 다운 및 카운트 업 타이머

  21. 21

    자바 스크립트 | 페이지가 닫히기 직전에 트리거되는 팝업 만들기

  22. 22

    루비 변수에서 카운트 다운하기 위해 자바 스크립트 타이머를 어떻게 통합합니까?

  23. 23

    카운트 업 타이머 꾸미기

  24. 24

    자바 스크립트 카운트 다운 타이머 로직

  25. 25

    1 시간 후에 카운트 다운을 시작하는 자바 스크립트에서 카운트 다운 타이머 만들기

  26. 26

    자바 스크립트 수동 카운트 다운 타이머 (사용자 입력 기준)

  27. 27

    로드시 자바 스크립트 카운트 다운 타이머 오류

  28. 28

    간단한 자바 스크립트 타이머 만들기

  29. 29

    자바 스크립트 루프 카운트 다운 타이머

뜨겁다태그

보관