MediaWiki:Gadget-RightToolbar.js：修订间差异

以互动方式浏览历史

←上一编辑下一编辑→

删除的内容添加的内容

行内

@@ 第1行： / 第1行： @@
 /* ================================================================
-   MediaWiki Gadget: Custom Tools Bar (本地化时间版)
+   MediaWiki Gadget: Custom Tools Bar（多语言时间显示版）
    功能：
    - 回到顶部 / 回到底部按钮
-   - 本地化时钟（桌面端）
+   - 实时时钟（显示浏览器时区 + UTC）
+   - 根据用户语言切换日期时间格式
-   - 深色模式适配
+   - 深色模式自动适配
    - 动态显示按钮 + 平滑动画
    ================================================================= */
-mw.loader.using(['mediawiki.util'], function () {
+mw.loader.using(['mediawiki.util', 'mediawiki.user'], function () {
-    function updateClock() {
+    function updateClock(userLang) {
         var now = new Date();
-        // 获取用户语言设置（用户界面语言）
+        // 使用 Intl.DateTimeFormat 根据用户语言格式化
-        var userLang = mw.config.get('wgUserLanguage') || 'en';
+        var localFormatter = new Intl.DateTimeFormat(userLang, {
+            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);
-        // 日期和时间本地化
+        // UTC 格式
-        var dateString = now.toLocaleDateString(userLang, {
+        var utcFormatter = new Intl.DateTimeFormat('en-US', {
-            year: 'numeric',
+            year: 'numeric', month: '2-digit', day: '2-digit',
-            month: 'long',
+            hour: '2-digit', minute: '2-digit', second: '2-digit',
-            day: 'numeric'
+            hour12: false, timeZone: 'UTC', timeZoneName: 'short'
-        });
-        var timeString = now.toLocaleTimeString(userLang, {
-            hour: '2-digit',
-            minute: '2-digit',
-            second: '2-digit'
         });
+        var utcStr = utcFormatter.format(now);
-        $('#current-date').text(dateString);
+        $('#current-local').text(localStr);
-        $('#current-time').text(timeString);
+        $('#current-utc').text(utcStr);
     }
     $(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-date">加载中...</div>'),
+                $('<div id="current-local">加载中...</div>'),
-                $('<div id="current-time"></div>')
+                $('<div id="current-utc">加载中...</div>')
             );
             $container.append($clockDiv);
@@ 第108行： / 第112行： @@
         $container.append($topButton, $bottomButton);
-        /* ---------- 初次进入动画 ---------- */
+        /* ---------- 初次进入的动画效果 ---------- */
         $container.animate({ opacity: 1, transform: 'translateY(0)' }, 600);
         /* ---------- 时钟定时更新 ---------- */
         if (!isMobile) {
-            updateClock();
+            updateClock(userLang);
-            setInterval(updateClock, 1000);
+            setInterval(function () { updateClock(userLang); }, 1000);
         }
         /* ---------- 滚动动态控制按钮显示 ---------- */
-        $topButton.hide(); // 初始隐藏
+        $topButton.hide();
         $(window).on('scroll', function () {
             var scrollTop = $(this).scrollTop();
@@ 第127行： / 第131行： @@
             }
         });
     });
 });