철도 포모도로 타이머를 만들었다.

15005 단어 HTMLJavaScriptCSS
안녕하세요.고등학교 1학년 가능성!
나는 시푸 선생님의 뒤를 이어 다시 노력하고 싶다.

뭐 했어요?


이번에는 학습법에서 잘 알려진'보모도라 타이머'에서
철도역 이름이 붙은'철도 포모도로 타이머'를 만들었다.

GitHub
실제로 해 보다

어떤 물건?


이른바 보모도라 타이머
공부와 휴식의 시간을 설정하고 반복하면 더욱 집중할 수 있다.
학습법을 위한 타이머입니다.
그래서 나는 "역간에 소요되는 시간이 좋지 않습니까?"라고 말했다.내 생각엔
휴게소와 학습소를 반복하는 철도 포모도로 타이머를 만들었다.

이점


기본적으로 보모도라 타이머와 함께 있어요.
현재 역 이름 등이 표시되어 있기 때문에
지금 얼마나 되는지 이해하기 쉬워요.
아주 실용적인 물건입니다.

전선 (길어서 일부)

    function timermain(){
        let now = new Date();
        let diftime = (now.getTime() - start.getTime());
        let point = Math.floor(diftime / 100);
        let point2 = Math.floor(point % 10);
        let point3 = parseInt(9)-Math.floor(point % 10);
        let sec = Math.floor(diftime / 1000);
        let secsec = Math.floor(sec % 60);
        let sec3 = parseInt(59)-Math.floor(sec % 60);
        let min = Math.floor(sec / 60);
        let minmin = Math.floor(min % 60);
        let min3 = (parseInt(time[nowstation])-parseInt(time[nowstation-1]))-(parseInt(Math.floor(sec / 60))-parseInt(time[nowstation-1]))-1;
        let hour = Math.floor(min / 60);
        secsec = addZero(secsec);
        sec4 = addZero(sec3)
        min2 = addZero(minmin);
        min4 = addZero(min3);
        hour = addZero(hour);
        if(min+departuretime>=time[nowstation]){
            nowstation++
            coffeecount++
            let b = document.getElementById("bell");
            let d = document.getElementById("door");
            b.play();
            b.addEventListener("ended", function(){
                d.play();
            }, false);
            changenext();
            if(waittime==1){
                waittime=0;
                document.getElementById("study").innerHTML="勉強"
                document.getElementById("study").style.color="#ff0000"
            }
            if(coffeecount>stu){
                coffeecount=0;
                waittime=1;
                document.getElementById("study").innerHTML="休憩"
                document.getElementById("study").style.color="#00B2E5"
            }
        }
        if((min+departuretime)+1>=time[nowstation] && secsec>30){
            document.getElementById("next").innerHTML="まもなく"
        }else{
            document.getElementById("next").innerHTML="次は"
        }
        let numbering=47-nowstation
        numbering=addZero(numbering);
        section=station[nowstation]+"(JK-"+numbering+")"
        document.getElementById("nowstation").innerHTML=section;
        document.getElementById("nowtime").innerHTML=""+hour+":"+min2+":"+secsec+"."+point2;
        if(min>=alltime){
            clearInterval(stationtimer);
            alert("終了です。")
        }
    }

향후 전망

  • 각종 노선에 대응한다
  • 현실의 열차 바람과 비슷하다
  • 코드를 좀 더 깨끗하게 하세요
  • 좋은 웹페이지 즐겨찾기