技术文档代码NOISE主页弹窗结构代码
noise一、自定义信息弹窗（不请求外部api）
需要引入的head处js（已存入本地）这里是cdn
1
2
| <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处引入：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <!-- 弹窗信息提醒代码开始 -->
<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 + "👏欢迎你的访问！");
});
</script>
<!-- 弹窗信息提醒代码结束 -->
|
二、引入外部api加载访客设备及ip信息【外部api有概率会失效，长期有效请选择一】
引入的head处js（已存入本地）这里是cdn
1
2
| <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处引入：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
| <!-- 弹窗信息提醒代码开始 -->
<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>
<!-- 弹窗信息提醒代码结束 -->
|
