MediaWiki:Common.js:修订间差异

来自赛尔号精灵图鉴
跳转到导航 跳转到搜索
无编辑摘要
Len留言 | 贡献
无编辑摘要
第1行: 第1行:
const audio = document.createElement('audio');
$(function () {
audio.src = 'https://d1rtq9slcl72gh.cloudfront.net/audio/home.mp3';
  // 在线人数显示
audio.loop = true;
  var $counter = $('<div id="online-counter">当前在线 <span style="color:#a782ff;">👥</span>:<span id="online-number">加载中...</span></div>');
audio.id = 'bgm';
  $('body').append($counter);


const player = document.createElement('div');
  function updateOnlineNumber() {
player.innerHTML = `
    $.getJSON('/api/online.php', function (data) {
  <button onclick="document.getElementById('bgm').play()">▶</button>
      $('#online-number').text(data.count || 0);
  <button onclick="document.getElementById('bgm').pause()">⏸</button>
    }).fail(function () {
`;
      $('#online-number').text('获取失败');
player.style.cssText = 'position:fixed;bottom:10px;right:10px;z-index:9999;background:#222;padding:10px;border-radius:8px';
    });
  }


document.body.appendChild(audio);
  updateOnlineNumber();
document.body.appendChild(player);
  setInterval(updateOnlineNumber, 30000); // 每30秒更新一次
 
});
document.body.addEventListener('click', () => {
  audio.play().catch(() => {});
}, { once: true });

2025年6月4日 (三) 23:36的版本

$(function () {
  // 在线人数显示
  var $counter = $('<div id="online-counter">当前在线 <span style="color:#a782ff;">👥</span>:<span id="online-number">加载中...</span></div>');
  $('body').append($counter);

  function updateOnlineNumber() {
    $.getJSON('/api/online.php', function (data) {
      $('#online-number').text(data.count || 0);
    }).fail(function () {
      $('#online-number').text('获取失败');
    });
  }

  updateOnlineNumber();
  setInterval(updateOnlineNumber, 30000); // 每30秒更新一次
});