I'm

Developer, Designer, Photographer

GET IN TOUCH

  • Buk-gu, Busan, Republic of Korea
  • ungdoli0916@naver.com
  • Kakao ID : Ungdoli
Your message has been sent. Thank you!
(즐거웅코드) odometer.js로 카운트 증가시키기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 7. 9. 00:18

반응형

[즐거'웅'코드] 목차

  1. 리소스
  2. 예제 소스
  3. 구현 예시
리소스
리소스.zip
4.6 kB
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript" src="js/odometer.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/odometer-theme-default.css"/>
 
<div class="odometer"></div>
<div class="odometer"></div>
<div class="odometer"></div>
 
<script>
    window.onload = function() {
        const odometer = document.querySelectorAll(".odometer");
        odometer[0].innerHTML = 100;
        odometer[1].innerHTML = 3000;
        odometer[2].innerHTML = 2500;
    };
</script>
구현 예시
반응형
저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

(즐거웅코드) clipboard.js로 복사하기 (모바일 복사 가능)  (0) 2021.07.11
(즐거웅코드) datepicker.js로 달력으로 날짜 입력하기  (0) 2021.07.10
(즐거웅코드) counterup.js로 카운트 증가시키기  (0) 2021.07.09
(즐거웅코드) typed.js로 글 쓰고 지우는 효과 내기  (0) 2021.07.07
(즐거웅코드) xeicon 아이콘 사용하기  (0) 2021.07.06

관련글

댓글 0

티스토리툴바