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 예정⚡
Author And Source
이 문제에 관하여(1005 update), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hansol/1005-update저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)