使新元素在特定时间出现

Question

我有一个任务，添加横幅出现在网站上，当现场直播的活动开始。它有固定的时间，例如每个星期六14:00 GMT+2。我怎么做，找不到任何教程或工具。

我知道我需要一个javascript工具，它可以在excact set time上添加html元素，比如div？

Answer 1

您可以使用setInterval定期检查事件。

setInterval(function(){
    var date = new Date();
    if(date.getDay() == 6 && date.getHours() == 14 && date.getMinutes() == 0){
        var container = document.getElementById("#container");
        container.innerHTML = "<div>BROADCASTED EVENT</div>";
    }
},1000*60);

Answer 2

试着这样做：

var showTime = Date.parse('Thu Mar 26 2015 09:11:19 GMT+0100');

function timerfun() {
var curTime = new Date();
var done = false;
    if (curTime > showTime) {
            done = true; 
            alert("Hello I'm awful banner!");
    }

    if (!done) {
        setTimeout(timerfun, 1000);
    }
}

setTimeout(timerfun, 1000);

Answer 3

我不能评论，因为没有足够的代表。我想补充一下Aditya的回答：

下面的符号: 1000表示1000ms，即1秒，乘以60表示函数将每分钟检查一次时间，如果您想要更改函数执行每次检查的次数。

该函数将无休止地继续运行，如果您想要停止它，请使用clearInterval()