DQX ルベランギスの床管理タイマー

ドラゴンクエスト10 深淵の咎人たち 攻略

view source

JavaScript

if(window.innerHeight > 400){
  window.resizeTo(600,240)
  window.moveTo(240,800)
}

function timerEnemy(diff){
  var loopTime = diff*3;
  var diff2 = diff*2;
  var page = "//hi0a.com/demo/-js/js-timer-120/?";
  $bar1 = $('<iframe>',{src:page+diff+"&mp3=aka"})
    .addClass('multi-auto red').appendTo('#demo');
  $bar2 = $('<iframe>',{src:page+diff2+"&mp3=kiiro"})
    .addClass('multi-auto yellow').appendTo('#demo');
  setTimeout(function(){
    $bar1.remove();
  }, diff*1000+1);
  setTimeout(function(){
    $bar2.remove();
  }, diff2*1000+1);


  $('<iframe>',{src:page+loopTime+"&mp3=aka"})
    .addClass('multi-auto red').appendTo('#demo');
  setTimeout(function(){
    $('<iframe>',{src:page+loopTime+"&mp3=aka"})
    .addClass('multi-auto red').appendTo('#demo');
  }, diff*1000);
  setTimeout(function(){
    $('<iframe>',{src:page+loopTime+"&mp3=kiiro"})
    .addClass('multi-auto yellow').appendTo('#demo');
  }, diff*2*1000);
}
$(function(){
  $p = $('<p>').text('グランドカラミティ赤床発生時にボタンを押してね').appendTo('#demo');
  $p = $('<p>').text('赤→赤→黄→ 赤→赤→黄→ 赤→赤→黄→ ').appendTo('#demo');
  $reset = $('<button>').text('リセット').addClass('reset').appendTo('#demo');
  $btn1 = $('<button>').text('強さ I').appendTo('#demo');
  $btn2 = $('<button>').text('強さ II').appendTo('#demo');
  $btn1.on('click', function(){
    $(this).css({backgroundColor:'#a00'});
    timerEnemy(20);
  });
  $btn2.on('click', function(){
    $(this).css({backgroundColor:'#a00'});
    timerEnemy(17.75);
  });
  $reset.on('click', function(){
    location.reload()
  });
});

/*

https://dragon-quest.jp/ten/monster/formidable3/rube/circle.php#main

グランドカラミティ

○強さ1ではHP25%から、強さ2ではHP50%から使用します。
○虹床3本 ⇒ 虹床3本 ⇒ 光床3本の順に出現します。
○
強さ1は初回5秒、以降20秒間隔で出現。
強さ2は初回5秒、以降17.75秒間隔で出現。
*/

CSS

html,body{
  height:100%;
  min-height:100%;
  overflow:hidden;
  background-color:#000;
}

#container,
#content,
#demo{
  height:100%;
  color:#fff;
}

#demo > h1{
  font-size:18px;
}
button{
  font-size:32px;
  height:80px;
  width:45%;
}
button.reset{
  font-size:18px;
  height:32px;
  width:90%;
}
iframe{
  height:100%;
  width:90%;
  display: block;
}
iframe.multi{
  height:70%;
}
iframe.multi-auto{
  height:20%;
}
iframe.red{
  border:10px solid #f00;
}
iframe.yellow{
  border:10px solid #ff0;
}

HTML

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

view-source:https://hi0a.com/demo/-js/js-timer-dqx-ruperangisu/

ABOUT

hi0a.com 「ひまアプリ」は無料で遊べるミニゲームや便利ツールを公開しています。

プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。

必要な機能の関数をコピペ利用したり勉強に活用できます。

プログラムの動作サンプル結果は画面上部に出力表示されています。

環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。

画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。

動く便利なものが好きなだけで技術自体に興味はないのでコードは汚いです。

途中放置や実験状態、仕様変更、API廃止等で動かないページもあります。