行内のURLを順に開く

行内のURLを順に開く | ひまあそび-ミニゲーム hi0a.com


  view source
  JavaScript
  document.title = '行内のURLを順に開く';

const demo = document.getElementById('demo');
const textarea = document.createElement('textarea');
const button = document.createElement('button');
textarea.style.width = '99%';
textarea.style.height = '80vh';
button.textContent = document.title;
demo.appendChild(textarea);
demo.appendChild(button);

button.addEventListener('click', (e) => {
  startCrack(e.clientX, e.clientY);
});



function windowOpenByTextarea(){
  if (!textarea) {
    console.error("textareaが見つかりません");
    return;
  }

  // 行単位に分解し、URLだけを抽出（空行・無効なものを除く）
  const urls = textarea.value
    .split('\n')
    .map(line => line.trim())
    .filter(line => line.startsWith('http'));

  // 1分ごとに順にURLを開く
  let index = 0;
  const interval = setInterval(() => {
    if (index >= urls.length) {
      clearInterval(interval);
      console.log('すべてのURLを開き終えました。');
      return;
    }

    const url = urls[index];
    window.open(url, '_blank''"noopener,noreferrer'); 
    // 新しいタブで開く（ポップアップブロックに注意）
    index++;
  }, 60 * 1000); // 60秒ごと

}

  CSS
  
  HTML
  
    ページのソースを表示 : Ctrl+U , DevTools : F12
    view-source:https://hi0a.com/demo/-js/js-line-open-window/
  
  ABOUT
  
    hi0a.com 「ひまあそび」は無料で遊べるミニゲームや便利ツールを公開しています。
    プログラミング言語の動作デモやWEBデザイン、ソースコード、フロントエンド等の開発者のための技術を公開しています。
    必要な機能の関数をコピペ利用したり勉強に活用できます。
    プログラムの動作サンプル結果は画面上部に出力表示されています。
    環境:最新のブラウザ GoogleChrome / Windows / Android / iPhone 等の端末で動作確認しています。
    画像素材や音素材は半分自作でフリー素材配布サイトも利用しています。LINK参照。
    仕様変更、API廃止等、実験途中で動かないページもあります。