You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

182 lines
4.5 KiB

// 入口函数
$(()=>{
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);
});