철도 포모도로 타이머를 만들었다.
15005 단어 HTMLJavaScriptCSS
나는 시푸 선생님의 뒤를 이어 다시 노력하고 싶다.
뭐 했어요?
이번에는 학습법에서 잘 알려진'보모도라 타이머'에서
철도역 이름이 붙은'철도 포모도로 타이머'를 만들었다.
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("終了です。")
}
}
향후 전망
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("終了です。")
}
}
향후 전망
Reference
이 문제에 관하여(철도 포모도로 타이머를 만들었다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/nakano1120/items/8e128bdced6b15a985ad텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)