NOISE主页弹窗结构代码

一、自定义信息弹窗（不请求外部api）

需要引入的head处js（已存入本地）这里是cdn

  <script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/layer/3.1.1/layer.js"></script>

弹窗信息body处引入：

   <!-- 弹窗信息提醒代码开始 -->
    <script>
    window.addEventListener('load', function() {
        var currentTime = new Date().getHours();
        var greeting;
        if (currentTime < 5) {
            greeting = "凌晨好！";
        } else if (currentTime < 8) {
            greeting = "早上好！";
        } else if (currentTime < 11) {
            greeting = "上午好！";
        } else if (currentTime < 13) {
            greeting = "中午好！";
        } else if (currentTime < 18) {
            greeting = "下午好！";
        } else if (currentTime < 19) {
            greeting = "傍晚好！";
        } else if (currentTime < 24) {
            greeting = "晚上好！";
        }
     
	layer.msg(greeting + &quot;👏欢迎你的访问！&quot;);
});
&lt;/script&gt;
&lt;!-- 弹窗信息提醒代码结束 --&gt;

二、引入外部api加载访客设备及ip信息【外部api有概率会失效，长期有效请选择一】

引入的head处js（已存入本地）这里是cdn

<script src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/layer/3.1.1/layer.js"></script>

body处引入：

  <!-- 弹窗信息提醒代码开始 -->
<script>
  $(function () {
    var t = document.createElement("a");
    t.href = document.referrer;
    var msgTitle = t.hostname;
    var name = t.hostname.split(".")[1];
    if ("" !== document.referrer) {
      switch (name) {
        default:
          msgTitle = t.hostname;
      };
    };
    var time = (new Date).getHours();
    var msg = '';
    if (23 < time || time <= 5) {
      msg = "你是夜猫子呀？这么晚还不睡觉，明天起的来嘛？";
    } else if (5 < time && time <= 7) {
      msg = "早上好！一日之计在于晨，美好的一天就要开始了！";
    } else if (7 < time && time <= 11) {
      msg = "上午好！工作顺利嘛，不要久坐，多起来走动走动哦！";
    } else if (11 < time && time <= 14) {
      msg = "中午了，工作了一个上午，现在是午餐时间！";
    } else if (14 < time && time <= 17) {
      msg = "午后很容易犯困呢，今天的运动目标完成了吗？";
    } else if (17 < time && time <= 19) {
      msg = "傍晚了！窗外夕阳的景色很美丽呢，最美不过夕阳红~";
    } else if (19 < time && time <= 21) {
      msg = "晚上好，今天过得怎么样？";
    } else if (21 < time && time <= 23) {
      msg = "已经这么晚了呀，早点休息吧，晚安~";
    }
    axios.get("https://api.gmit.vip/Api/UserInfo/")
      .then(function (response) {
        window.info = response.data;
        layer.msg("Hi~ 来自" + response.data.data.location + '~<br/>通过 ' + msgTitle + ' 进来的朋友！<br/>使用 ' + response.data.data.os + "<br/>" + response.data.data.browser + ' 访问本站！' + '<br/>' + msg);
      })
      .catch(function (error) {
        console.log(error);
      });
    document.cookie = "msg=1; expires=Thu, 01 Jan 2038 00:00:00 UTC; path=/;";
  });
</script>
<!-- 弹窗信息提醒代码结束 -->