×
创建新页面
在此填写您的页面标题:
我们当前在爆裂小队维基上拥有117个页面。请在上方输入您的页面名称或点击以下任意标题来开始编写页面!



爆裂小队维基

MediaWiki:Common.js:修订间差异

无编辑摘要
标签已被回退
无编辑摘要
标签手工回退
第69行: 第69行:


(function() {
(function() {
   function updateCountdown(container, endTime) {
   function updateCountdown(container) {
    var endTime = container.getAttribute('data-endtime');
     var countdownElement = container.querySelector('.countdown');
     var countdownElement = container.querySelector('.countdown');
     var now = new Date().getTime();
     var now = new Date().getTime();
第91行: 第92行:
     var containers = document.querySelectorAll('.countdown-container');
     var containers = document.querySelectorAll('.countdown-container');
     containers.forEach(function(container) {
     containers.forEach(function(container) {
      var endTime = container.getAttribute('data-endtime');
       updateCountdown(container);
       updateCountdown(container, endTime);
       setInterval(function() {
       setInterval(function() {
         updateCountdown(container, endTime);
         updateCountdown(container);
       }, 1000);
       }, 1000);
     });
     });
第101行: 第101行:
   document.addEventListener('DOMContentLoaded', initCountdown);
   document.addEventListener('DOMContentLoaded', initCountdown);
})();
})();




});
});

2024年6月22日 (六) 16:06的版本

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

$(document).ready(function () {

/* 生成音频播放-s按钮 */
(function (){
  var audios = document.getElementsByClassName('audio-player-s');
  var notValidAudio = /wpDestFile/;
  var currentPlaying = null;

  for(var i = 0; i < audios.length; i++) {
    var audio = audios[i];
    var linkEl = audio.firstElementChild;

    if (!linkEl) {
      continue;
    }

    var link = linkEl.href;

    if (notValidAudio.test(link)) {
      continue;
    }

    audio.innerHTML = '';
    audio.classList.add('has-audio-element');

    var a = document.createElement('audio');

    a.src = link;
    a.preload = 'none';

    a.onended = function () {
      currentPlaying = null;
      this.parentNode.classList.remove('audio-player-playing-s');
    };

    var button = document.createElement('button');

    button.classList.add('audio-player-button-s');
    button.append(a);
    button.onclick = function () {
      var a = this.firstElementChild;

      if (currentPlaying != null && currentPlaying != a) {
        currentPlaying.pause();
        currentPlaying.currentTime = 0;
        currentPlaying.parentNode.classList.remove('audio-player-playing-s');
      }

      if (a.paused) {
        a.play();
        currentPlaying = a;
        this.classList.add('audio-player-playing-s');
        this.classList.remove('audio-player-paused-s');
      } 
      else {
        a.pause();
        this.classList.add('audio-player-paused-s');
        this.classList.remove('audio-player-playing-s');
      };
    };
    
    audio.append(button);
  };
})();



(function() {
  function updateCountdown(container) {
    var endTime = container.getAttribute('data-endtime');
    var countdownElement = container.querySelector('.countdown');
    var now = new Date().getTime();
    var endDate = new Date(endTime).getTime();
    var distance = endDate - now;

    if (distance < 0) {
      countdownElement.innerHTML = "Countdown finished";
      return;
    }

    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    countdownElement.innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
  }

  function initCountdown() {
    var containers = document.querySelectorAll('.countdown-container');
    containers.forEach(function(container) {
      updateCountdown(container);
      setInterval(function() {
        updateCountdown(container);
      }, 1000);
    });
  }

  document.addEventListener('DOMContentLoaded', initCountdown);
})();



});