// 入口函数 $(()=>{ let myChart ; let isFullScreen = false; //屏幕常量! let noSleep = new NoSleep(); let playSound = (src) => { au = document.createElement("audio"); au.preload="auto"; au.src = '/admin/tools/clock/audio/' + src + '.mp3'; au.play(); } //绑定事件 // 全屏 $(".main").on("click",()=>{ if(isFullScreen){ document.exitFullscreen(); } else{ document.body.requestFullscreen(); } isFullScreen = !isFullScreen; }); //绑定提示取消 $(".p0").on("click",()=>{ $(".page").hide(); $(".p1").show(); noSleep.enable(); }); $(".top-left").on("click",()=>{ $(".page").hide(); $(".p0").show(); }); //切换工作时间/计划倒计时 $(".top-right").on("click",()=>{ isShowPlan = !isShowPlan; }); //切换时钟 $(".top-center").on("click",()=>{ isClock = !isClock; showNowTime(); }); //播放按钮 $(".play").on("click",()=>{ //如果没播放并且在休息,按两下直接开始工作 if (!isPlay && isRest){ res_time = t_study; isRest = false; } if (!isPlay){ $(".play").html(icon_stop); playSound('tick'); } if (isPlay){ $(".play").html(icon_play); } isPlay = !isPlay; }); //重置时间 $(".reset").on("click",()=>{ if (isRest){ res_time = t_rest ; } else { res_time = t_study ; } showRestTime(); }); //设置 $(".setting").on("click",()=>{ $(".page").hide(); $(".p2").show(); }); //设置工作/休息时间 $(".p2 .option").eq(0).on("click",()=>{ $(".page").hide(); $(".p3").show(); }); //设置计划倒计时 $(".p2 .option").eq(1).on("click",()=>{ $(".page").hide(); $(".p4").show(); }); //查看工作历史 $(".p2 .option").eq(2).on("click",()=>{ $(".page").hide(); $(".p5").show(); myChart = showEcharts(); }); //清除本地数据 $(".p2 .option").eq(3).on("click",()=>{ window.localStorage.clear(); localData = []; alert("已清除!"); }); //返回 $(".p2 .option").eq(4).on("click",()=>{ $(".page").hide(); $(".p1").show(); }); //第三页设置工作/休息时间 $(".p3-bottom button").eq(0).on("click",()=>{ t_study = $(".p3 input").eq(0).val() * 60; t_rest = $(".p3 input").eq(1).val() * 60; if(isRest){ res_time = t_rest; } else { res_time = t_study; } showRestTime(); saveSetting(); // alert("完成!"); // console.log(t_study); }); $(".p3-bottom button").eq(1).on("click",()=>{ $(".page").hide(); $(".p2").show(); }); //第四页 设置计划倒计时 $(".p4-bottom button").eq(0).on("click",()=>{ plan_name = $(".p4 input").eq(0).val(); plan_time = $(".p4 input").eq(1).val() + " " + "08:00:00"; if(isShowPlan){ showPlan(); } saveSetting(); // alert("完成!"); // console.log(plan_name); }); $(".p4-bottom button").eq(1).on("click",()=>{ $(".page").hide(); $(".p2").show(); }); //第五页返回 $(".p5").on("click",()=>{ $(".page").hide(); $(".p2").show(); myChart.clear(); }); //开始初始化,设置计时器 loadLocalData(); setInterval(()=>{ showTopBar(); //如果倒计时归零 if(!res_time){ isRest = !isRest; //该休息了 if(isRest){ $(".top-left").html(icon_rest+"休息中"); playSound('rest'); res_time = t_rest; } //该工作了 else{ $(".top-left").html(icon_study+"工作中"); playSound('work'); res_time = t_study; } } //如果在播放 if (isPlay && !isClock){ if(!isRest){ $(".top-left").html(icon_study+"工作中"); study_time++; } res_time--; saveStudyTime(); showRestTime(); } },1000); });