63 lines
2.0 KiB
JavaScript
63 lines
2.0 KiB
JavaScript
/**
|
||
* created by lvfan
|
||
* 2018-09-04
|
||
*/
|
||
|
||
/**
|
||
* @description 获取实时时间，写入 id 为 now-time 的标签中
|
||
*/
|
||
(function () {
|
||
const divTime = document.getElementById('now-time');
|
||
|
||
function getTime() {
|
||
let time = new Date();
|
||
let hour = time.getHours() < 10 ? '0' + time.getHours() : time.getHours();
|
||
let minute = time.getMinutes() < 10 ? '0' + time.getMinutes() : time.getMinutes();
|
||
let second = time.getSeconds() < 10 ? '0' + time.getSeconds() : time.getSeconds();
|
||
divTime.innerText = hour + ':' + minute + ':' + second;
|
||
}
|
||
|
||
getTime();
|
||
setInterval(function () {
|
||
getTime();
|
||
}, 1000);
|
||
}());
|
||
|
||
/**
|
||
* @description 判断当前页面是否为活动页
|
||
*/
|
||
(function () {
|
||
// 网页当前状态判断
|
||
let state, visibilityChange, status, doc = document;
|
||
if (typeof document.hidden !== 'undefined') {
|
||
visibilityChange = 'visibilitychange';
|
||
state = 'visibilityState';
|
||
} else if (typeof document.mozHidden !== 'undefined') {
|
||
visibilityChange = 'mozvisibilitychange';
|
||
state = 'mozVisibilityState';
|
||
} else if (typeof document.msHidden !== 'undefined') {
|
||
visibilityChange = 'msvisibilitychange';
|
||
state = 'msVisibilityState';
|
||
} else if (typeof document.webkitHidden !== 'undefined') {
|
||
visibilityChange = 'webkitvisibilitychange';
|
||
state = 'webkitVisibilityState';
|
||
}
|
||
let docText = doc.title;
|
||
// 添加监听器，在title里显示状态变化
|
||
doc.addEventListener(visibilityChange, function () {
|
||
if (doc[state] === 'visible') {
|
||
doc.title = '欢迎回来！d(`･∀･)b 👏';
|
||
status = setTimeout(() => {
|
||
doc.title = docText;
|
||
}, 1000);
|
||
} else {
|
||
doc.title = '藏起来了d(`x_x)b';
|
||
if (status) {
|
||
clearTimeout(status);
|
||
}
|
||
}
|
||
}, false);
|
||
// 初始化页面状态
|
||
// doc.title = '吕钒的后花园';
|
||
}());
|