js를 이용해서 특정 텍스트를 자동으로 써주는 효과를 구현해봤다. typed.js과 비슷한 효과이다.

const sampleText = 'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry';
const textWrap = document.querySelector('h1');

let index = 0;

function writeText() {
   textWrap.innerText = sampleText.slice(0, index);
   index++;
   if (index > sampleText.length) {
      index = 0;
   }
}

setInterval(writeText,100);

'JavaScript > Vanilla JS' 카테고리의 다른 글

javascript 변수 호이스팅  (0) 2021.02.01
javascript에서 copy 하기  (0) 2020.12.16
replace  (0) 2020.12.08
String.fromCharCode  (0) 2020.11.26
js 카운트다운  (0) 2020.10.22