1005 update

<input type="range" min="10" max="90" step="10" value="50" id="range" oninput="scrollMove();">

스크롤 html 가져와서

function play(isTrue) {
  var status = parseInt(scroll.value);
      if(!isTrue){
          status += 10;
          isTrue = false;
      }
      // console.log(status)
      if(status > 90){
          status = 10;
      }
      scroll.value = status;	
}
if (!stop()) {
  scroll = document.querySelector('#range');
  scroll.value = 0;
  play(true);	
}

스크롤 위치값 설정해서 재생 버튼 클릭하면 10분 단위로 스크롤 자동으로 채워지게 구현
이 간단한 코드를 못짜서.....ㅜ

💭 스크롤 자동은 0부터 시작/ 수동은 가운데서 시작(과거미래 양쪽으로 30분씩 보여주려던 생각)/ 시작 포인트달라서 시간 표시해둔게 좀 문제 -> 둘다 start point = 0 으로 셋팅? (과거 날씨 레코드는 확인할수 없음)
🔨 이제 해야할 건 스크롤 시간에 눈금 css?
⏰ 상단 현재 시간 디자인! 아예 지울까..

여기까지 완성한 프로토 타입으로 일단 금욜 deploy 예정⚡

좋은 웹페이지 즐겨찾기