설정된 변수 번호에서 img src 스와핑 중지

JohnProvidence

빠르고 쉬운 jQuery / JS 질문. 루프에서 이미지 src를 교체하고 있습니다. 이미지 파일은 모두 파일 이름 지정 규칙으로 숫자를 사용합니다. 번호 9까지 반복 한 다음 0에서 다시 시작하려고합니다. 내 자바 스크립트 코드는 다음과 같습니다.

    var i = 0;

    setInterval(function(){
    $('#loop').attr('src', 'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ (++i) + '.jpg');
}, 500);

생각?

데이브

모듈러스 연산자를 사용하거나 재설정합니다.

setInterval(function(){
    i++;
    if (i == 10) { i = 0; }
    $('#loop').attr('src',
        'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ i + '.jpg');
}, 500);

또는:

 setInterval(function(){
    i = (i + 1) % 10;
    $('#loop').attr('src',
        'http://wx.wpri.com/weather/radar/Radar_Loop_WEB300_00'+ i + '.jpg');
}, 500);

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

img src 클릭 리스너를 변경하여 두 번째 img src 변경

분류에서Dev

클래스에 따라 img src 변경

분류에서Dev

onClick 이벤트가 설정된 React Hook으로 img src 변경

분류에서Dev

변수가 포함 된 IMG src가 표시되지 않습니다.

분류에서Dev

$ (this)에서 중첩 된 img src 가져 오기

분류에서Dev

CMake : 중첩 된 함수 호출에서 변수 설정

분류에서Dev

저장소의 Firebase getDownloadURL에서 Img Src를 설정할 수 없음

분류에서Dev

문자 변경 변수와 결합 된 JS를 통해 이미지의 src를 변수에 할당하는 변수 수정

분류에서Dev

html에서 img src를 변경할 수 있습니까?

분류에서Dev

캔버스에서 img.src로드가 완료되었는지 알 수있는 방법이 있습니까?

분류에서Dev

HTML에서 이미지의 "src"속성을 설정하기 위해 JavaScript에서 생성 된 변수를 어떻게 사용할 수 있습니까?

분류에서Dev

jQuery를 사용하여 img src 수정

분류에서Dev

모든 <img>에서 src를 가져와 배경으로 css로 설정하십시오.

분류에서Dev

C # .NET 코드에서 JavaScript로 변경된 img src를 얻는 방법

분류에서Dev

View에서 JQuery로 img src 설정-MVC 5

분류에서Dev

img src에 따라 배경 JQuery 변경

분류에서Dev

jQuery-img src 내부의 변수가 정의되지 않은 것을 반환합니다.

분류에서Dev

Google지도, 스타일링이 클래스와 함께 마커 img에서 작동하지 않지만 img [src]로 작동 함

분류에서Dev

HTML img 태그 src에 사용되는 MVC Razor C # 변수

분류에서Dev

버튼을 클릭하여 자바 스크립트에서 img src 변경

분류에서Dev

img.src를 dataUrl로 설정하면 메모리 누수

분류에서Dev

자바 스크립트의 Flickr API에서 사진을 img src로 설정하는 방법

분류에서Dev

img.onload 함수에서 변수를 설정하는 방법

분류에서Dev

img src에서 이미지 이름 만 추출하는 정규식

분류에서Dev

자바 스크립트 : img src onclick 변경은 한 번만 작동합니다.

분류에서Dev

링크 끝에 따라 <img src = 정의

분류에서Dev

스크립트에서 동적으로 생성 된 NetSuite 고급 PDF-<img> 태그를 설정할 수 없음

분류에서Dev

~ / .profile에 설정된 경로와 유사한 환경 변수에서 중복 제거

분류에서Dev

정의 된 변수가 jQuery를 통해 아약스 호출 내에서 정의되지 않도록 설정되는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    img src 클릭 리스너를 변경하여 두 번째 img src 변경

  2. 2

    클래스에 따라 img src 변경

  3. 3

    onClick 이벤트가 설정된 React Hook으로 img src 변경

  4. 4

    변수가 포함 된 IMG src가 표시되지 않습니다.

  5. 5

    $ (this)에서 중첩 된 img src 가져 오기

  6. 6

    CMake : 중첩 된 함수 호출에서 변수 설정

  7. 7

    저장소의 Firebase getDownloadURL에서 Img Src를 설정할 수 없음

  8. 8

    문자 변경 변수와 결합 된 JS를 통해 이미지의 src를 변수에 할당하는 변수 수정

  9. 9

    html에서 img src를 변경할 수 있습니까?

  10. 10

    캔버스에서 img.src로드가 완료되었는지 알 수있는 방법이 있습니까?

  11. 11

    HTML에서 이미지의 "src"속성을 설정하기 위해 JavaScript에서 생성 된 변수를 어떻게 사용할 수 있습니까?

  12. 12

    jQuery를 사용하여 img src 수정

  13. 13

    모든 <img>에서 src를 가져와 배경으로 css로 설정하십시오.

  14. 14

    C # .NET 코드에서 JavaScript로 변경된 img src를 얻는 방법

  15. 15

    View에서 JQuery로 img src 설정-MVC 5

  16. 16

    img src에 따라 배경 JQuery 변경

  17. 17

    jQuery-img src 내부의 변수가 정의되지 않은 것을 반환합니다.

  18. 18

    Google지도, 스타일링이 클래스와 함께 마커 img에서 작동하지 않지만 img [src]로 작동 함

  19. 19

    HTML img 태그 src에 사용되는 MVC Razor C # 변수

  20. 20

    버튼을 클릭하여 자바 스크립트에서 img src 변경

  21. 21

    img.src를 dataUrl로 설정하면 메모리 누수

  22. 22

    자바 스크립트의 Flickr API에서 사진을 img src로 설정하는 방법

  23. 23

    img.onload 함수에서 변수를 설정하는 방법

  24. 24

    img src에서 이미지 이름 만 추출하는 정규식

  25. 25

    자바 스크립트 : img src onclick 변경은 한 번만 작동합니다.

  26. 26

    링크 끝에 따라 <img src = 정의

  27. 27

    스크립트에서 동적으로 생성 된 NetSuite 고급 PDF-<img> 태그를 설정할 수 없음

  28. 28

    ~ / .profile에 설정된 경로와 유사한 환경 변수에서 중복 제거

  29. 29

    정의 된 변수가 jQuery를 통해 아약스 호출 내에서 정의되지 않도록 설정되는 방법은 무엇입니까?

뜨겁다태그

보관