setTimeout(function () {

HL.$el.find(“.on-sec>div”).each(function (index,el) {

$(el).css({

“transform”:“rotate(”+rotateArr[index]+“deg)”

})

});

setTimeout(function () {

HL.initRotate();

},1300);

},100);

};

/* 初始化滚动位置 */

HL.initRotate=function(){

this.rotateInfo={

“h”:360/24*(this.dateInfo.hour-1),

“m”:360/60*(this.dateInfo.minute-1),

“s”:360/60*(this.dateInfo.sec-1),

};

this.els={

“date”:this.$el.find(“.date”),

“hour”:this.$el.find(“.on-hour”),

“minute”:this.$el.find(“.on-minute”),

“sec”:this.$el.find(“.on-sec”)

};

this.els.hour.css({

“transform”:“rotate(”+this.rotateInfo.h+“deg)”

});

this.els.minute.css({

“transform”:“rotate(”+this.rotateInfo.m+“deg)”

});

this.els.sec.css({

“transform”:“rotate(”+this.rotateInfo.s+“deg)”

});

setTimeout(function () {

HL.$el.find(“hr”).addClass(“active”).css({

“width”:“49%”

});

HL.start();

},300);

};

/* 启动 */

HL.start=function(){

setTimeout(function () {

if(HL.dateInfo.sec

“transform”:“rotate(”+r+“deg)”

});

HL.minuteAdd();

HL.start();

}else {

console.log(HL.dateInfo.sec)

}

},1000);

};

/* 分钟数增加 */

HL.minuteAdd=function(){

if(HL.dateInfo.sec==60+1){

setTimeout(function () {

HL.els.sec.css({

“transform”:“rotate(0deg)”,

“transition-duration”: “0s”

});

HL.dateInfo.sec=1;

setTimeout(function () {

HL.els.sec.attr(“style”,“transform:rotate(0deg)”);

},100);

HL.dateInfo.minute++;

var r=360/60*(HL.dateInfo.minute-1);

HL.els.minute.css({

“transform”:“rotate(”+r+“deg)”

});

HL.hourAdd();

},300);

}

};

/* 小时数增加 */

HL.hourAdd=function(){

if(HL.dateInfo.minute==60+1){

setTimeout(function () {

HL.els.minute.css({

“transform”:“rotate(0deg)”,

“transition-duration”: “0s”

});

HL.dateInfo.minute=1;

setTimeout(function () {

HL.els.minute.attr(“style”,“transform:rotate(0deg)”);

},100);

HL.dateInfo.hour++;

var r=360/24*(HL.dateInfo.hour-1);

HL.els.hour.css({

“transform”:“rotate(”+r+“deg)”

});

HL.dayAdd();

},300);

}

};

/* 天数增加 */

HL.dayAdd=function(){

if(HL.dateInfo.hour==24+1){

setTimeout(function () {

HL.els.hour.css({

“transform”:“rotate(0deg)”,

“transition-duration”: “0s”

});

HL.dateInfo.hour=1;

setTimeout(function () {

HL.els.hour.attr(“style”,“transform:rotate(0deg)”);

},100);

var nowDate=new Date();

HL.dateInfo.year=nowDate.getFullYear();

HL.dateInfo.month=nowDate.getMonth()+1;

HL.dateInfo.day=nowDate.getDate();

HL.setDate();

},300);

}

};

/* 初始化 */

HL.init=function(){

var nowDate=new Date();

this.dateInfo={

“year”:nowDate.getFullYear(),

“month”:nowDate.getMonth()+1,

“day”:nowDate.getDate(),

“hour”:nowDate.getHours(),

“minute”:nowDate.getMinutes(),

“sec”:nowDate.getSeconds()

};

console.log(this.dateInfo);

this.setDate();

this.setHour();

};

HL.init();

}

});

jquery.min.js

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！ 能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

[外链图片转存中…(img-fmVATVMU-1715059269580)]

[外链图片转存中…(img-jUv6wi6x-1715059269580)]

[外链图片转存中…(img-Ihu8bWoh-1715059269580)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！