根据时间戳隐藏div容器

Question

我想在创建一段内容后的30分钟内在页面上显示警告横幅（div）。 30分钟后，横幅不应再显示。这是为了让用户知道视频需要时间到transcode，因此在此之前可能无法使用。

的想法：

var timeStamp = format_date(var node.created, 'custom', 'M j, Y g:i A'); 
var currentTime = new Date(); 

if { 
    currenTime < timeStamp + (30_minutes) = document.getElementById(alert_banner).style.display = 'block'; 
} 
else { 
    currentTime > timeStamp + (30_minutes) = document.getElementById(alert_banner).style.display = 'none'; 
} 

Answer 1

，您可以尝试

var time = 1000 * 60 * 30 //milisecond * second * minute 
setTimeout(function(){ 
    // Your function here e.i 
    document.getElementById(alert_banner).style.display = 'none'; 
}, time) 

Answer 2

可以使用的setTimeout方法（http://www.w3schools.com/js/js_timing.asp）30分钟后隐藏DIV。

Answer 3

如前所述的headlikearock，时间间隔可能是你最好的选择：

setInterval(function(){document.getElementById(alert_banner).style.display = 'none';},1800000); 

，在您的负载JS代码，并且它应该火了地方该语句运行30秒后内联定义的JS函数。

Here是5秒后消失的div的示例。