Question

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

我明白我需要一个javascript工具，在精确的设定时间添加像div这样的html元素？

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的答案：

下面的nubmers： 1000表示1000毫秒，即1秒，60表示该功能将每分钟检查一次，如果您想更改该功能执行每次检查的次数。

该函数将无休止地继续，如果要停止它，请使用clearInterval（）

Answer 4

如果您使用JavaScript执行此操作，横幅外观将取决于用户的时间。如果用户在其设备上设置了错误的时间，那么您就遇到了问题。正确的方法是使用后端语言（如PHP或Java）将外观日期存储在数据库中，然后在将标题数据发送到客户端之前，检查存储的日期是否与当前日期相同。例如：

 <?php
   banner = new Banner();
   (if banner.showTime === date()) {
     echo '<img src="' + banner.src + '" />
   }

 ?>

在特定时间出现一个新元素

4 个答案: