-
正在${dest_cn === '回城' ? dest_cn : '飞往' + dest_cn}✈
+
正在${dest_cn === '回城' ? dest_cn : '飞往' + dest_cn} ✈
@@ -4288,7 +4301,7 @@ display:none;
remaining_node.innerText = `${remaining_time / 3600 | 0}时${remaining_time % 3600 / 60 | 0}分${remaining_time % 60}秒`;
if (remaining_time < wh_trv_alarm.alert_time) {
- flying_status.innerHTML = `即将落地...`;
+ // flying_status.innerHTML = `即将落地...`;
if (wh_trv_alarm.enable) {
// 播放提示音
audio_play_flag = true;
@@ -4296,7 +4309,7 @@ display:none;
stop_node.parentElement.classList.remove('wh-trv-alarm-stop-hide');
}
} else {
- flying_status.innerHTML = `飞行中...`;
+ // flying_status.innerHTML = `飞行中...`;
if (wh_trv_alarm.enable) {
clearInterval(audio_play_id);
audio_play_id = null;
@@ -8220,6 +8233,7 @@ margin: 0 0 3px;
*/
function saveSettings() {
// 通知
+ notify('已保存设置', 3)
localStorage.setItem('wh_trans_settings', JSON.stringify(wh_trans_settings));
}
@@ -8365,8 +8379,110 @@ margin: 0 0 3px;
return rs += '}';
}
- // log改写
+ // console.log改写
function log(...o) {
if (isDev()) console.log('[WH]', ...o)
}
+
+ /**
+ * 通知
+ *
+ * @param msg 通知上显示的内容，默认为空
+ * @param timeout 停留的时间，默认3秒
+ * @param callback 通知结束后执行的函数
+ * @returns HTMLElement 通知的node
+ */
+ function notify(msg = '', timeout = 3, callback = () => null) {
+ const date = new Date();
+ // 通知的唯一id
+ const uid = `${date.getHours()}${date.getSeconds()}${date.getMilliseconds()}${getRandomInt(1000, 9999)}`;
+ // 通知容器id
+ const node_id = 'wh-notify';
+ // 通知的容器
+ let notify_contain = document.querySelector(`#${node_id}`);
+ // 添加通知到容器
+ const add_notify = () => {
+ // 每条通知
+ const new_node = document.createElement('div');
+ new_node.id = `wh-notify-${uid}`;
+ new_node.classList.add('wh-notify-item');
+ new_node.innerHTML = `
+
`;
+ notify_contain.append(new_node);
+ // 进度条node
+ const progressBar = new_node.querySelector('.wh-notify-bar');
+ // 是否hover
+ let mouse_enter = false;
+ new_node.addEventListener('mouseenter', () => mouse_enter = true, true);
+ new_node.addEventListener('mouseleave', () => mouse_enter = false);
+ // 通知进度条
+ let progressCount = 101;
+ // 计时器
+ let intervalID = window.setInterval(() => {
+ if (mouse_enter) {
+ progressCount = 101;
+ progressBar.style.width = '100%';
+ return;
+ }
+ progressCount--;
+ progressBar.style.width = `${progressCount}%`;
+ if (progressCount === 0) removeNode();
+ }, timeout * 1000 / 100);
+ // 删除通知
+ const removeNode = () => {
+ clearInterval(intervalID);
+ new_node.remove();
+ callback();
+ };
+ new_node.querySelector('.wh-notify-close button').addEventListener('click', removeNode);
+ };
+ // 存在容器 添加新通知
+ if (!!notify_contain) {
+ add_notify();
+ }
+ // 不存在容器 创建后添加
+ else {
+ notify_contain = document.createElement('div');
+ notify_contain.id = node_id;
+ addStyle(`
+#${node_id} {
+ /*height: 500px;
+ background: red;*/
+
+ display: inline-block;
+ position: fixed;
+ top: 0;
+ left: calc(50% - 180px);
+ width: 360px;
+ z-index: 200000;
+}
+#${node_id} .wh-notify-item {
+ /*height: 50px;*/
+ background: rgb(239 249 255 / 90%);
+ border-radius: 2px;
+ margin: 0.5em 0 0 0;
+ box-shadow: 0 0 5px 0px #959595;
+}
+#${node_id} .wh-notify-item:hover {
+ background: rgb(239 249 255 / 98%);
+}
+#${node_id} .wh-notify-item .wh-notify-bar {
+ height:2px;
+ background:#2196f3;
+}
+#${node_id} .wh-notify-item .wh-notify-close {
+ float:right;
+ padding: 1em 0;
+}
+#${node_id} .wh-notify-item .wh-notify-msg {
+ padding:1.4em 1em;
+}
+`);
+ document.body.append(notify_contain);
+ add_notify();
+ }
+ }
}());