jQuery弹幕新年除夕倒计时音乐特效源码

这是一款基础CSS3+jQuery库进行开发的新年除夕倒计时弹幕功能特效,多种动态炫酷的时间效果展示,自带音乐背景,可以自定义信息发表弹幕内容。

jQuery弹幕新年除夕倒计时音乐特效源码插图

站长修改提示:

下载源码后,想自己改页面中的倒计时时间,作为自己用途,可以自行修改,方法如下:

  • 页面文字,这个不用说了,直接index.html首页找到自己要修改的文字替换一下就ok了
  • 音乐改一个跟源码一样名称,放进去mp3目录
  • 关键点倒计时时间:打开源码js目录中的app.js文件,修改源码20-34行中位置如下:
    • 改变这个new Date(“2022/1/1”)日期时间。
//春节倒计时-大雄搜集站
    var starttime = new Date("2022/1/1");
    setInterval(function () {
        var nowtime = new Date();
        var time = starttime - nowtime;
        var day = parseInt(time / 1000 / 60 / 60 / 24);
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        var minute = parseInt(time / 1000 / 60 % 60);
        var seconds = parseInt(time / 1000 % 60);
        
        var syday = "<span>" + hour + "</span>" + "小时" + "<span>" + minute + "</span>" + "分钟" + "<span class='Lose'>" + seconds + "</span>" + "秒";
        $('.time').html("<p>除夕倒计时</p>" + "<p><span>" + day + "</span>" + "天</p>");
        $(".sydate").html(syday);
        
    }, 1000);

下载地址:

© 版权声明
THE END
喜欢点个赞支持一下吧
点赞0赏币
分享
评论交流 抢沙发

请登录后发表评论