js로 문자열 하나하나를 제어할 수 있을까요?
본문
카운트 다운 소스를 사용하고 있습니다.
30초가 남았을 경우 id sec 에 해당 값을 출력하고 있는데 당연히 30부터 카운트가 됩니다.
css 작업을 하려다보니 이 두 숫자를 각각 제어를 해야합니다.
3 위치 따로, 0 위치 따로.
결과적으로는 <div>3</div> <div>0</div> 이렇게만 만들수있다면 각각 css를 줄 수 있을것같은데요..
물론 시간을 출력할때 id=sec1 / id=sec2 와 같이 자릿수별로 불러오면 더 좋긴합니다.
어떤 방법이 있을까요?
도움부탁드립니다.
답변 1
<div id=sec1>3</div> <div id=sec2>0</div>
이렇게 나눠서 표현하구요..
스크립트에서 카운트한 숫자를
문자열 2개로 나눠서 넣어주면 됩니다.
네, 그 카운트한 숫자를 문자열 2개로 나누는 방법이 궁금해서요
https://gent.tistory.com/414
여기 참조하셔서 아래와 같이 하면 됩니다.
var str = 카운트 숫자;
$('#sec1').html(str.substr(0, 1));
$('#sec2').html(str.substr(1, 1));
답변을 작성하시기 전에 로그인 해주세요.