MediaWiki:Gadget-RightToolbar.js：修订间差异
删除的内容 添加的内容
小 功能优化 |
小 功能增强v2 |
||
第1行：
/* ================================================================
MediaWiki Gadget: Custom Tools
功能：
- 回到顶部 / 回到底部按钮
-
- 根据用户语言切换日期时间格式
- 深色模式自动适配
- 动态显示按钮 + 平滑动画
================================================================= */
mw.loader.using(['mediawiki.util', 'mediawiki.user'], function () {
function updateClock(userLang) {
var now = new Date();
//
var
year: 'numeric', month: '2-digit', day: '2-digit',
hour: '2-digit', minute: '2-digit', second: '2-digit',▼
hour12: false, timeZoneName: 'short'
});▼
var localStr = localFormatter.format(now);
//
var
year: 'numeric', month: '2-digit', day: '2-digit',
▲ });
▲ minute: '2-digit',
});
var utcStr = utcFormatter.format(now);
$('#current-
$('#current-
}
$(function () {
var isMobile = window.innerWidth <= 768;
/* ---------- 获取用户语言 ---------- */
var userLang = mw.config.get('wgUserLanguage') || 'en';
/* ---------- 深色模式检测 ---------- */
第76行 ⟶ 第81行：
}
/* ---------- 回到顶部 / 底部按钮 ---------- */
var $topButton = createButton('mw-scroll-top', '▲', '回到顶部', function () {
$('html, body').animate({ scrollTop: 0 }, { duration: 500, easing: 'swing' });
});
var $bottomButton = createButton('mw-scroll-bottom', '▼', '回到底部', function () {
$('html, body').animate({ scrollTop: $(document).height() }, { duration: 500, easing: 'swing' });
});
/* ---------- 时钟区域（桌面端） ---------- */
if (!isMobile) {
var $clockDiv = $('<div id="current-clock"></div>').css({
第99行 ⟶ 第103行：
backdropFilter: 'blur(4px)'
}).append(
$('<div id="current-
$('<div id="current-
);
$container.append($clockDiv);
第108行 ⟶ 第112行：
$container.append($topButton, $bottomButton);
/* ---------- 初次进入的动画效果 ---------- */
$container.animate({ opacity: 1, transform: 'translateY(0)' }, 600);
/* ---------- 时钟定时更新 ---------- */
if (!isMobile) {
updateClock(userLang);
setInterval(function () { updateClock(userLang); }, 1000);
}
/* ---------- 滚动动态控制按钮显示 ---------- */
$topButton.hide();
$(window).on('scroll', function () {
var scrollTop = $(this).scrollTop();
第127行 ⟶ 第131行：
}
});
});
});
| |||