4 月更文挑战第28天 | 基于java的校园二手商品交易系统的开发16

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第28天，点击查看活动详情。

<script>
   jQuery(document).ready(function () {
       function c() {
           /* 排除首页（记得自行修改下首页地址） */
           if (location.href != "http://www.xuluowuhen2.com/") {
               document.title = document[a] ? "您有一条新消息→《" + d + "》" : d
           }
       }
       var a, b, d = document.title;
       "undefined" != typeof document.hidden ? (a = "hidden", b = "visibilitychange") : "undefined" != typeof document.mozHidden ? (a = "mozHidden", b = "mozvisibilitychange") : "undefined" != typeof document.webkitHidden && (a = "webkitHidden", b = "webkitvisibilitychange");
       "undefined" == typeof document.addEventListener && "undefined" == typeof document[a] || document.addEventListener(b, c, !1)
   });
</script>

这个功能，是能实现网页标题的动态切换。网页标题的动态切换，是什么意思呢，也就是说，浏览器我在当前页面，当前页面有个标题，随便叫个名字，比如标题A，当我切换到另外一个页面的时候，刚才的页面的标题，就会改变名字，变成标题B。通俗易懂，很多时候，我们看到那些网站，当切换到另外一个页面的时候，之前的网站的标题，就会显示成其他的，有些是恶搞的，比如说，提示你，显示有新的信息。 var a, b, d = document.title;切换的标题，document.title = document[a] ? "您有一条新消息→《" + d + "》" : d，将网页标题切换成这个标题。

实现看板娘效果，看板娘也叫live2d，看板娘的效果就是在网页角落旁边，出现一个动漫人物，给网站添加生动形象和活力。script src加载来源，后面是看板娘资源

<!-- 左下角live2d效果 -->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

L2Dwidget.init对live2d进行初始化，jsonPath模型的json数据，display展示看板娘的大小，"position": "left"位置在左边，"width": 150, "height": 300, "hOffset": 0, "vOffset": -20，看板娘大小高度，以及偏移量，"show": true,show的值为true或false，显示或者隐藏，"opacityDefault": 0.7, "opacityOnHover": 0.2一般取默认值即可。

var nowDate = new Date().getTime();
    //网站开始运行日期
    var oldDate = new Date(siteBeginRunningTime.replace(/-/g,'/'));
    var time = oldDate.getTime();
    var theTime = parseInt((nowDate-time)/1000);
    setInterval(function () {
        siteRunningTime(theTime);
        theTime++;
    },1000);

一般页面上，我们能看到现在距离某一天是多少时间，两者时间相减，这个功能，我们之间用js来实现就可以了，nowDate-time当前时间减去某一个时间，这个时间自己设定，当然，当前时间也可以是别的时间，不一定要当前时间。/1000除以1000表示，时间相减之后，是毫秒，我们换算成秒。