변경하고 움직이는 텍스트를 만드는 방법은 무엇입니까?

Question

저는 현재 몇 가지 기본 자바 스크립트와 함께 일부 HTML 및 CSS를 연습하고 있습니다. 내가 안녕하세요 내가

II 안녕하세요 II

III 안녕하세요 III 같은

또는 무엇인가, 당신은 아이디어를 얻을

: 나는 같은 기간 후에 변경하는 텍스트를 만들고 싶어. 30 초와 같은 작은 기간 후에 변경하고 싶습니다. 인터넷과 stackoverflow 검색 후, 아직 해결책을 찾지 못했습니다. 누군가 제대로 할 수있는 방법에 대한 내게 지시 할 수 있습니까?

Answer 1

사용하여 setInterval과 기능 아래는 그렇게 :

var el = document.getElementById("foo"); 
 
var countOfI = 1; 
 
setInterval(function() { 
 
    if (countOfI > 10) countOfI = 1; 
 
    var i = new Array(countOfI).fill('i').join(""); 
 
    el.innerHTML = i + " Hello " + i; 
 
    countOfI++; 
 
}, 500)

<div id="foo"></div>