(자바 스크립트) 선택 옵션에 카운트 다운 타이머를 추가하는 방법

줄리아

선택 옵션에 카운트 다운 타이머를 추가하고 싶습니다. 다음은 html 코드의 일부입니다.

<select id="patientSelect">
<option> Heart Attack, 65, ETA: <span id="timer"></span></option>
</select>

그리고 자바 스크립트 :

$(document).ready(function(){
var count=30;
var counter=setInterval(timer, 1000);

function timer(){
    count--;
    if(count <= 0){
        clearInterval(counter);
        return;
    }
    document.getElementById("timer").innerHTML=count + " secs";
}
});

하지만 옵션 태그에 id를 넣은 경우에만 나타납니다 (현재 HTML도 모두 제거됨). 도움을 주시면 감사하겠습니다. :-)

편집 : 완벽합니다. 감사합니다!

폴 라드

이 시도

HTML

<select id="patientSelect">
<option id="timer">Heart Attack, 65, ETA: 30 secs</option>
</select>

자바 스크립트

$(document).ready(function(){
var count=30;
var counter=setInterval(timer, 1000);

function timer(){
    count--;
    if(count <= 0){
        clearInterval(counter);
        return;
    }
    document.getElementById("timer").innerHTML= "Heart Attack, 65, ETA: " + (count.toString()) + " secs";
}
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 카운트 다운 타이머에 분 또는 초를 추가 하시겠습니까?

분류에서Dev

드롭 다운 선택 옵션에 텍스트 상자를 추가하는 방법

분류에서Dev

자동 카운트 다운하는 방법, 클릭 자바 스크립트에서 계속 카운트 다운

분류에서Dev

값 옵션이 선택된 자바 스크립트에 요소를 추가하는 방법

분류에서Dev

카운트 다운 타이머를 추가하는 방법

분류에서Dev

자바 스크립트 : 드롭 다운에서 옵션이 선택 될 때 트리거되는 기능 발견

분류에서Dev

자바 스크립트에서 while 루프 카운트 다운 초를 만드는 방법. (초보자)

분류에서Dev

자바 스크립트를 통해 드롭 다운에서 선택한 값을 설정하는 방법

분류에서Dev

오류 : 자바 스크립트 카운트 다운 타이머가 카운트 다운하지 않습니다.

분류에서Dev

자바 스크립트에서 카운트 다운 타이머가 다시 시작되지 않도록 중지

분류에서Dev

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

분류에서Dev

자바 스크립트 선택 체크 박스는 "이름"으로 카운트

분류에서Dev

자바 스크립트의 체크 박스 선택에 따라 드롭 다운 옵션을 변경하는 방법은 무엇입니까?

분류에서Dev

자바 스크립트의 체크 박스 선택에 따라 드롭 다운 옵션을 변경하는 방법은 무엇입니까?

분류에서Dev

React에서 카운트 다운 타이머를 표시하는 방법

분류에서Dev

Angular에서 카운트 다운 타이머를 만드는 올바른 방법입니까?

분류에서Dev

(자바 스크립트) 드롭 다운 목록에서 선택한 옵션에 따라 변수 값을 변경하는 방법은 무엇입니까?

분류에서Dev

카운트 다운 타이머에 형식 시간 / 분 / 초를 추가하는 방법

분류에서Dev

자바 스크립트를 사용하여 드롭 다운 옵션을 선택하십시오.

분류에서Dev

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

분류에서Dev

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

분류에서Dev

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

분류에서Dev

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

분류에서Dev

채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

분류에서Dev

반응 카운트 다운 타이머를 만드는 방법

분류에서Dev

고급 카운트 다운 타이머를 만드는 방법

분류에서Dev

카운트 다운 타이머를 만드는 방법

분류에서Dev

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

분류에서Dev

getElementByClassName 또는 ID없이 querySelector를 통해 자바 스크립트에서 선택 값 드롭 다운 목록을 설정하는 방법

Related 관련 기사

  1. 1

    자바 스크립트 카운트 다운 타이머에 분 또는 초를 추가 하시겠습니까?

  2. 2

    드롭 다운 선택 옵션에 텍스트 상자를 추가하는 방법

  3. 3

    자동 카운트 다운하는 방법, 클릭 자바 스크립트에서 계속 카운트 다운

  4. 4

    값 옵션이 선택된 자바 스크립트에 요소를 추가하는 방법

  5. 5

    카운트 다운 타이머를 추가하는 방법

  6. 6

    자바 스크립트 : 드롭 다운에서 옵션이 선택 될 때 트리거되는 기능 발견

  7. 7

    자바 스크립트에서 while 루프 카운트 다운 초를 만드는 방법. (초보자)

  8. 8

    자바 스크립트를 통해 드롭 다운에서 선택한 값을 설정하는 방법

  9. 9

    오류 : 자바 스크립트 카운트 다운 타이머가 카운트 다운하지 않습니다.

  10. 10

    자바 스크립트에서 카운트 다운 타이머가 다시 시작되지 않도록 중지

  11. 11

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

  12. 12

    자바 스크립트 선택 체크 박스는 "이름"으로 카운트

  13. 13

    자바 스크립트의 체크 박스 선택에 따라 드롭 다운 옵션을 변경하는 방법은 무엇입니까?

  14. 14

    자바 스크립트의 체크 박스 선택에 따라 드롭 다운 옵션을 변경하는 방법은 무엇입니까?

  15. 15

    React에서 카운트 다운 타이머를 표시하는 방법

  16. 16

    Angular에서 카운트 다운 타이머를 만드는 올바른 방법입니까?

  17. 17

    (자바 스크립트) 드롭 다운 목록에서 선택한 옵션에 따라 변수 값을 변경하는 방법은 무엇입니까?

  18. 18

    카운트 다운 타이머에 형식 시간 / 분 / 초를 추가하는 방법

  19. 19

    자바 스크립트를 사용하여 드롭 다운 옵션을 선택하십시오.

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

    채워진 데이터를보기 위해 자바 스크립트를 사용하여 jsp의 드롭 다운에서 값을 자동 선택하는 방법

  25. 25

    반응 카운트 다운 타이머를 만드는 방법

  26. 26

    고급 카운트 다운 타이머를 만드는 방법

  27. 27

    카운트 다운 타이머를 만드는 방법

  28. 28

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

  29. 29

    getElementByClassName 또는 ID없이 querySelector를 통해 자바 스크립트에서 선택 값 드롭 다운 목록을 설정하는 방법

뜨겁다태그

보관