javascriptを使用して15分ごとにポップアップを自動的に生成する方法

Question

私のウェブサイトには小さな要件があります。画像/ビデオ付きの自動ポップアップはカラーボックスに15分ごとに表示され、30秒間そのまま残り、自動的に閉じます。

誰でもJavascriptをサポートできますか？

Answer 1

setIntervalとsetTimeoutでこれを行うことができます。 3000を30000（30秒）、1500を60000 * 15（15分）に置き換えてください。 （デモのためのいくつかの低い値を追加しました。）

function openPopup() { 
 
    console.log('OPEN'); 
 
} 
 

 
function closePopup() { 
 
    console.log('CLOSE'); 
 
} 
 

 
setInterval(function() { 
 
    openPopup(); 
 
    setTimeout(function() { 
 
     closePopup(); 
 
    }, 1000); 
 
}, 1500);

Answer 2

15分ごとに機能を実行します。関数は新しい要素を作成し、30秒後に同じ関数によって自己破壊されます。

setInterval(function() { 
 
    popUp() 
 
}, 900000); // 900,000 = 15 mins * 60 secs * 1000 miliseconds 
 

 
function popUp() { 
 
    var popup = document.createElement('div'); 
 
    popup.id = "popup"; 
 
    popup.innerHTML = "the Video you want!"; 
 
    document.body.appendChild(popup); 
 
    setTimeout(function() { 
 
    document.body.removeChild(document.getElementById('popup')) 
 
    }, 30000); // 30000 = 30 secs * 1000 miliseconds 
 
}

あなたはCSSであなたの好みに応じてポップアップをスタイルする必要があります - おそらく位置で：固定