MediaWiki:Gadget-RightToolbar.js：修订间差异
删除的内容 添加的内容
小 简化提示 |
Maintenance script（留言 | 贡献） 拆分样式并优化性能 |
||
第1行：
/* ================================================================
MediaWiki Gadget: Localized Clock Bar
功能：
- 显示浏览器本地时间和 UTC 时间
- 使用 MediaWiki 用户语言格式
- 深色模式适配 + 滑入动画
================================================================= */
mw.loader.using(['mediawiki.util']
function initClockBar() {
var isMobile = window.innerWidth <= 768;
var $container = $('#mw-right-toolbar');
if (!$container.length) {
$container = $('<div id="mw-
}
function createButton(id, text, tooltip, clickHandler) {
return $('<
}
var $topButton = $('#mw-scroll-top');
if (!$topButton.length) {
第76行 ⟶ 第42行：
}
var $clockDiv = $('#mw-right-toolbar-clock');
if (!isMobile && !$clockDiv.length) {
$clockDiv = $('<div id="
);
$container.append($clockDiv);
}
$topButton.hide();
$(window).on('scroll', function () {
}
ticking = true;
window.requestAnimationFrame(function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > 200) {
$topButton.fadeIn();
} else {
$topButton.fadeOut();
}
ticking = false;
});
});
window.requestAnimationFrame(function () {
$container.addClass('is-visible');
});
function renderClock() {
var now = new Date();
var userLang = mw.config.get('wgUserLanguage') || 'en';
var localFormatter = new Intl.DateTimeFormat(userLang, {
year
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false,
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
});
var localParts = localFormatter.formatToParts(now);
var localDateStr = localParts.filter(
return p.type === 'year' || p.type === 'month' ||
}).map(function (p) {
var localTimeStr = localParts.filter(function (p) {
return p.type === 'hour' || p.type === 'minute' || p.type === 'second';
}).map(function (p) {
return p.value;
}).join(':');
$('#mw-local-date').text(localDateStr);
$('#mw-local-time').text(localTimeStr);
var utcFormatter = new Intl.DateTimeFormat(userLang, {
year
day: 'numeric',
hour: '2-digit',
minute: '2-digit',
second: '2-digit',
hour12: false,
timeZone: 'UTC'
});
var utcParts = utcFormatter.formatToParts(now);
var utcDateStr = utcParts.filter(
return p.type === 'year' || p.type === 'month' ||
}).map(function (p) {
var utcTimeStr = utcParts.filter(function (p) {
return p.type === 'hour' || p.type === 'minute' || p.type === 'second';
}).map(function (p) {
return p.value;
}).join(':');
$('#mw-utc-time').text('UTC: ' + utcDateStr + ' ' + utcTimeStr);
}
var clockTimer = window.setInterval(renderClock, 1000);
mw.hook('user.languageChange').add(renderClock);
document.addEventListener('visibilitychange', function () {
if (document.hidden) {
window.clearInterval(clockTimer);
clockTimer = null;
return;
}
if (!clockTimer) {
clockTimer = window.setInterval(renderClock, 1000);
renderClock();
}
});
}
$(initClockBar);
});
| |||