var dateText = document.getElementById('date').textContent || "2025/7/20 20:00:00";

var date = new Date(dateText);
var countDownDate = date.getTime();
var distance = countDownDate;
var target = document.getElementById('countDown');
var view = document.getElementById('countDownView');
var yet = document.getElementById('countDownViewYet');

target.style.fontSize = '32px';
view.style.display = 'none';

var setData = function(data){
  console.log(data);
}

var countDown = function(){
  var now = new Date().getTime();
  distance = countDownDate - now;
  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);
  if(Math.abs(distance) < 999){
    var au = new Audio('/mp3/pipipi_pipipi.mp3');
    au.play();
  }
  if(days>0){
    days = days + '日 ';
  }
  var val = 
    'あと'+ days +
    hours + '時間 '+  
    minutes + '分 ' + 
    seconds + '秒 ';
  if(distance > 0){
    target.textContent = val;
  } else if(Math.abs(distance) < 1000*60*60) {
    target.textContent = 'はじまるよ～～ ページ更新してね';
    view.style.display = 'block';
    yet.style.display = 'none';
  }  else if(Math.abs(distance) < 1000*60*60*24*12) {
    val = 'あの日から' + (-days) + '日が過ぎた！';
    target.textContent = val;
  } else {
    val = '次回開催をお待ち下さい！';
    target.textContent = val;
  }
}


countDown();
var x = setInterval(function() {
  countDown();
}, 1000);


document.addEventListener('contextmenu', function (e) {
  e.preventDefault();
});

$(function(){
  $('img').attr({loading:'lazy'});
  $('img').each(function(){
    var title = $(this).attr('title');
    $(this).attr({alt:title});
    $(this).attr({title:'DQX探索プレイベ ぜにろんの財宝'});
    $(this).on('click', function(){
      $(this).attr({title:title});
    })
  });

  $('a.reload').on('click', function(e) {
    location.reload(true);
  });


  const hash = window.location.hash;
  if (hash) {
    setTimeout(function () {
      const target = document.querySelector(hash);
      if (target) {
        target.scrollIntoView();
      }
    }, 399);
  }


  $('[data-c]').on('click', function(){
    let src = $(this).attr('src');
    let src1 = src;
    src1 = src1.replace(/.*\//,'');
    src1 = src1.replace(/.jpg/,'');
    let src2 = $(this).attr('data-c');
    if(!src2){return;}
    src3 = src.replace(/.jpg/,'-c.jpg');
    if(!src2.match(/img/)){
      src2 = '/img/dqx/'+src2+'.jpg';
    }
    $(this).attr({src:src2});
    $(this).attr({'data-c':src1});
  });


  $('#canvasQ').each(function(){
    let src = $('#imgQ').attr('src');
    if(!src){
      $(this).attr('src');
    }
    let sec = Number($(this).attr('sec')) || 30;
    $(this).removeAttr('src');
    const canvas = $(this)[0];
    const ctx = canvas.getContext("2d");
    const img = new Image();
    img.src = src;
    img.onload = function () {
      canvas.width = img.naturalWidth;
      canvas.height = img.naturalHeight;
      ctx.drawImage(img, 0, 0);
      let imgMono = setMono(ctx,canvas);
      setTimeout(function(){
        ctx.drawImage(img, 0, 0);
      }, sec * 1000);
    };
  })

  function setMono(ctx,canvas){
    // モノクロ化
    let imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
    let data = imageData.data;
    for (let i = 0; i < data.length; i += 4) {
      let r = data[i];
      let g = data[i + 1];
      let b = data[i + 2];
      // 輝度計算（自然なグレースケール）
      let gray = 0.299 * r + 0.587 * g + 0.114 * b;
      data[i]     = gray; // R
      data[i + 1] = gray; // G
      data[i + 2] = gray; // B
    }
    ctx.putImageData(imageData, 0, 0);
    return imageData;
  }

});

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/game/dqx-photo/