2016-05-30 49 views
0

我在我的網站有一個小的需求。帶有圖像/視頻的自動彈出應該每隔15分鐘以彩盒顯示並保持30秒鐘並自動關閉。如何使用javascript每15分鐘自動生成彈出窗口

任何人都可以幫忙用Javascript?

+0

不要那樣做。這是讓用戶憎恨你的網站的好方法。 – SLaks

+0

除了之前的評論,這是非常真實的,如果你表現出一些努力,我們可能會有所幫助,並告訴我們你卡在哪裏。例如。你甚至考慮/調查使用計時器? – Pieter21

回答

1

你可以用setIntervalsetTimeout來做到這一點。用30000(30秒)替換1000,用60000 * 15(15分鐘)替換1500。 (增加了一些低價值的演示。)

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

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

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

0

運行,每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你的味道 - 可能與位置:固定