个人引导页+音乐炫酷播放器（附加源码）

个人引导页+音乐炫酷播放器

效果图
部分源码
完整源码领取
下期更新内容

效果图

在这里插入图片描述

部分源码

 //网站动态标题开始 
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
    if (document.hidden) {
        document.title = "你别走吖 Σ(っ °Д °;)っ";
        clearTimeout(titleTime)
    } else {
        document.title = "(/≧▽≦/)你又回来啦！ " ;
        titleTime = setTimeout(function() {
            document.title = OriginTitile
        },
        2000)
    }
});
//网站动态标题结束
 var t = null;
 t = setTimeout(time, 50);

 function time() {
     clearTimeout(t);
     dt = new Date();
     var y = dt.getFullYear();
     var mt = dt.getMonth() + 1;
     var day = dt.getDate();
     var h = dt.getHours();
     var m = dt.getMinutes();
     var s = dt.getSeconds();
     document.querySelector(".showTime").innerHTML =
         h + "时" + m + "分" + s + "秒";
     t = setTimeout(time, 1000);
 }
 var stop, staticx;
 var img = new Image();
 img.src = "https://p1.xywm.ltd/2022/07/31/62e604b42d4cf.webp";

 function Sakura(x, y, s, r, fn) {
     this.x = x;
     this.y = y;
     this.s = s;
     this.r = r;
     this.fn = fn
 }
 Sakura.prototype.draw = function(cxt) {
     cxt.save();
     var xc = 20 * this.s / 2;
     cxt.translate(this.x, this.y);
     cxt.rotate(this.r);
     cxt.drawImage(img, 0, 0, 20 * this.s, 20 * this.s);
     cxt.restore()
 };
 Sakura.prototype.update = function() {
     this.x = this.fn.x(this.x, this.y);
     this.y = this.fn.y(this.y, this.y);
     this.r = this.fn.r(this.r);
     if (this.x > window.innerWidth || this.x < 0 || this.y > window.innerHeight || this.y < 0) {
         this.r = getRandom("fnr");
         if (Math.random() > 0.4) {
             this.x = getRandom("x");
             this.y = 0;
             this.s = getRandom("s");
             this.r = getRandom("r")
         } else {
             this.x = window.innerWidth;
             this.y = getRandom("y");
             this.s = getRandom("s");
             this.r = getRandom("r")
         }
     }
 };
 SakuraList = function() {
     this.list = []
 };
 SakuraList.prototype.push = function(sakura) {
     this.list.push(sakura)
 };
 SakuraList.prototype.update = function() {
     for (var i = 0, len = this.list.length; i < len; i++) {
         this.list[i].update()
     }
 };
 SakuraList.prototype.draw = function(cxt) {
     for (var i = 0, len = this.list.length; i < len; i++) {
         this.list[i].draw(cxt)
     }
 };
 SakuraList.prototype.get = function(i) {
     return this.list[i]
 };
 SakuraList.prototype.size = function() {
     return this.list.length
 };