“MediaWiki:Common.js”的版本间差异

来自RMzas&SMS_Knowledge_Base_Wiki
跳转到导航 跳转到搜索
 
(未显示同一用户的6个中间版本)
第1行: 第1行:
 
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
 
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */
  
// 显示最近更新的页面列表
+
// 显示最近更新的页面列表(带时间)
 
setTimeout(function() {
 
setTimeout(function() {
   console.log('开始加载最近更新列表');
+
   //console.log('开始加载最近更新页面列表');
 
    
 
    
  // 1. 定位侧边栏中的“最近更新”容器
 
 
   var sidebar = document.getElementById('mw-panel');
 
   var sidebar = document.getElementById('mw-panel');
 
   if (!sidebar) {
 
   if (!sidebar) {
第12行: 第11行:
 
   }
 
   }
 
    
 
    
 +
  var items = sidebar.getElementsByTagName('li');
 
   var targetItem = null;
 
   var targetItem = null;
  var items = sidebar.getElementsByTagName('li');
 
 
   for (var i = 0; i < items.length; i++) {
 
   for (var i = 0; i < items.length; i++) {
    // 改回匹配“最近更新:”)
+
     if (items[i].textContent.indexOf('最近更新') !== -1) {
     if (items[i].textContent.includes('最近更新:')) {
 
 
       targetItem = items[i];
 
       targetItem = items[i];
 
       break;
 
       break;
第27行: 第25行:
 
   }
 
   }
 
    
 
    
  // 2. 清空容器,显示“加载中...”
+
   targetItem.textContent = '';
   targetItem.textContent = ''; // 清空原有内容
+
   targetItem.innerHTML = '最近更新:<br>加载中...';
   targetItem.innerHTML = '最近更新:<br>加载中...'; // 临时显示加载状态
 
 
    
 
    
   // 3. 调用MediaWiki API获取最近更新
+
   // API请求添加timestamp参数,获取更新时间
 
   var apiUrl = mw.util.wikiScript('api') + '?';
 
   var apiUrl = mw.util.wikiScript('api') + '?';
 
   apiUrl += 'action=query';
 
   apiUrl += 'action=query';
 
   apiUrl += '&list=recentchanges';
 
   apiUrl += '&list=recentchanges';
   apiUrl += '&rcprop=title'; // 只获取页面标题
+
   apiUrl += '&rcprop=title|timestamp'; // 同时获取标题和时间戳
   apiUrl += '&rclimit=5'; // 显示5条
+
   apiUrl += '&rclimit=10';
   apiUrl += '&rcdaylimit=30'; // 30天内的更新
+
   apiUrl += '&rcdaylimit=30';
 
   apiUrl += '&format=json';
 
   apiUrl += '&format=json';
 
    
 
    
  // 4. 发送请求并处理数据
 
 
   fetch(apiUrl)
 
   fetch(apiUrl)
 
     .then(function(response) {
 
     .then(function(response) {
       if (!response.ok) {
+
       if (!response.ok) throw new Error('API请求失败:' + response.status);
        throw new Error('API请求失败,状态码:' + response.status);
 
      }
 
 
       return response.json();
 
       return response.json();
 
     })
 
     })
 
     .then(function(data) {
 
     .then(function(data) {
      // 清空加载状态
 
 
       targetItem.innerHTML = '最近更新:<br>';
 
       targetItem.innerHTML = '最近更新:<br>';
 
        
 
        
      // 检查是否有数据
 
 
       if (!data.query || !data.query.recentchanges || data.query.recentchanges.length === 0) {
 
       if (!data.query || !data.query.recentchanges || data.query.recentchanges.length === 0) {
 
         targetItem.innerHTML += '暂无更新';
 
         targetItem.innerHTML += '暂无更新';
第58行: 第50行:
 
       }
 
       }
 
        
 
        
       // 5. 生成链接列表并插入容器
+
       var seenTitles = new Set();
 +
      var uniqueUpdates = [];
 +
      for (var i = 0; i < data.query.recentchanges.length; i++) {
 +
        var page = data.query.recentchanges[i];
 +
        var title = page.title;
 +
        if (!seenTitles.has(title)) {
 +
          seenTitles.add(title);
 +
          uniqueUpdates.push(page); // 包含title和timestamp
 +
          if (uniqueUpdates.length >= 6) break;
 +
        }
 +
      }
 +
     
 
       var list = document.createElement('ul');
 
       var list = document.createElement('ul');
       list.style.listStyle = 'none'; // 去除默认列表样式
+
       list.style.listStyle = 'none';
       list.style.paddingLeft = '10px'; // 缩进一点更美观
+
       list.style.paddingLeft = '10px';
       list.style.margin = '5px 0'; // 调整间距
+
       list.style.margin = '5px 0';
 
        
 
        
       for (var i = 0; i < data.query.recentchanges.length; i++) {
+
       uniqueUpdates.forEach(function(page) {
         var page = data.query.recentchanges[i];
+
        // 处理时间戳:转换为本地时间(年-月-日 时:分)
 +
        var date = new Date(page.timestamp);
 +
         var timeStr = date.toLocaleString('zh-CN', {
 +
          month: '2-digit',    // 月份(2位)
 +
          day: '2-digit',      // 日期(2位)
 +
          hour: '2-digit',    // 小时(2位)
 +
          minute: '2-digit',  // 分钟(2位)
 +
          second: '2-digit',  // 新增:显示秒(2位)
 +
          hour12: false        // 强制24小时制(避免上午/下午)
 +
        }).replace(',', '');   // 移除可能的逗号分隔符
 +
       
 
         var listItem = document.createElement('li');
 
         var listItem = document.createElement('li');
 +
        listItem.style.margin = '3px 0'; // 每条间距
 +
       
 
         var link = document.createElement('a');
 
         var link = document.createElement('a');
 +
        link.href = mw.util.getUrl(page.title);
 +
        link.textContent = page.title;
 +
        link.style.color = '#0645ad';
 
          
 
          
         // 设置链接地址和文字(标题)
+
         // 时间显示(灰色小字)
         link.href = mw.util.getUrl(page.title); // 生成正确的页面链接
+
         var timeSpan = document.createElement('span');
         link.textContent = page.title;
+
         timeSpan.textContent = ' (' + timeStr + ')';
         link.style.color = '#0645ad'; // 用MediaWiki默认链接蓝色(可选)
+
         timeSpan.style.color = '#666'; // 灰色
 +
        timeSpan.style.fontSize = '0.8em'; // 小字
 +
        timeSpan.style.marginLeft = '5px';
 
          
 
          
 
         listItem.appendChild(link);
 
         listItem.appendChild(link);
 +
        listItem.appendChild(timeSpan);
 
         list.appendChild(listItem);
 
         list.appendChild(listItem);
       }
+
       });
 
        
 
        
 
       targetItem.appendChild(list);
 
       targetItem.appendChild(list);
      console.log('最近更新列表加载完成');
 
 
     })
 
     })
 
     .catch(function(error) {
 
     .catch(function(error) {
第86行: 第106行:
 
     });
 
     });
 
    
 
    
}, 500); // 延迟500毫秒,确保DOM加载完成
+
}, 1000);

2025年10月9日 (四) 03:08:54的最新版本

/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */

// 显示最近更新的页面列表(带时间)
setTimeout(function() {
  //console.log('开始加载最近更新页面列表');
  
  var sidebar = document.getElementById('mw-panel');
  if (!sidebar) {
    console.log('未找到侧边栏');
    return;
  }
  
  var items = sidebar.getElementsByTagName('li');
  var targetItem = null;
  for (var i = 0; i < items.length; i++) {
    if (items[i].textContent.indexOf('最近更新') !== -1) {
      targetItem = items[i];
      break;
    }
  }
  
  if (!targetItem) {
    console.log('未找到目标容器');
    return;
  }
  
  targetItem.textContent = '';
  targetItem.innerHTML = '最近更新:<br>加载中...';
  
  // API请求添加timestamp参数,获取更新时间
  var apiUrl = mw.util.wikiScript('api') + '?';
  apiUrl += 'action=query';
  apiUrl += '&list=recentchanges';
  apiUrl += '&rcprop=title|timestamp'; // 同时获取标题和时间戳
  apiUrl += '&rclimit=10';
  apiUrl += '&rcdaylimit=30';
  apiUrl += '&format=json';
  
  fetch(apiUrl)
    .then(function(response) {
      if (!response.ok) throw new Error('API请求失败:' + response.status);
      return response.json();
    })
    .then(function(data) {
      targetItem.innerHTML = '最近更新:<br>';
      
      if (!data.query || !data.query.recentchanges || data.query.recentchanges.length === 0) {
        targetItem.innerHTML += '暂无更新';
        return;
      }
      
      var seenTitles = new Set();
      var uniqueUpdates = [];
      for (var i = 0; i < data.query.recentchanges.length; i++) {
        var page = data.query.recentchanges[i];
        var title = page.title;
        if (!seenTitles.has(title)) {
          seenTitles.add(title);
          uniqueUpdates.push(page); // 包含title和timestamp
          if (uniqueUpdates.length >= 6) break;
        }
      }
      
      var list = document.createElement('ul');
      list.style.listStyle = 'none';
      list.style.paddingLeft = '10px';
      list.style.margin = '5px 0';
      
      uniqueUpdates.forEach(function(page) {
        // 处理时间戳:转换为本地时间(年-月-日 时:分)
        var date = new Date(page.timestamp);
        var timeStr = date.toLocaleString('zh-CN', {
          month: '2-digit',    // 月份(2位)
          day: '2-digit',      // 日期(2位)
          hour: '2-digit',     // 小时(2位)
          minute: '2-digit',   // 分钟(2位)
          second: '2-digit',   // 新增:显示秒(2位)
          hour12: false        // 强制24小时制(避免上午/下午)
        }).replace(',', '');   // 移除可能的逗号分隔符
        
        var listItem = document.createElement('li');
        listItem.style.margin = '3px 0'; // 每条间距
        
        var link = document.createElement('a');
        link.href = mw.util.getUrl(page.title);
        link.textContent = page.title;
        link.style.color = '#0645ad';
        
        // 时间显示(灰色小字)
        var timeSpan = document.createElement('span');
        timeSpan.textContent = ' (' + timeStr + ')';
        timeSpan.style.color = '#666'; // 灰色
        timeSpan.style.fontSize = '0.8em'; // 小字
        timeSpan.style.marginLeft = '5px';
        
        listItem.appendChild(link);
        listItem.appendChild(timeSpan);
        list.appendChild(listItem);
      });
      
      targetItem.appendChild(list);
    })
    .catch(function(error) {
      console.error('加载失败:', error);
      targetItem.innerHTML = '最近更新:<br>加载失败';
    });
  
}, 1000);