Question

我想编写的功能会在每天的特定时刻显示div和视频，并在10分钟后隐藏。

这里有类似的东西，但它并没有解决我的问题： Show and hide divs at a specific time interval using jQuery

请求帮助

Answer 1

您获得的日期为new Date()，然后是用户getHours和getMinutes，如果它是20，则表示您的div并在600 000毫秒内设置TimeOut来电hideDiv （10分钟）。没试过。但这里看起来如何。小时返回可能在AM / PM系统中进行，所以进行一些研究。

var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();

if ((hours == 20) && (minutes == 0)){
   ShowDiv();
   setTimeout(function(){
        Hidediv();
    },600 000);
}

ShowDiv(){
  $('.YourDivClassName').css('display','inline');
}
HideDive(){
$('.YourDivClassName').css('display','none');
}

Answer 2

http://jsfiddle.net/quoxnmv1/10/

做这样的事情，用jQuery中的fadeIn替换.style.display

heureExec = '10';
minExec = '25';
timeOut = '10';
setInterval(function(){

    var date = new Date();
    var heure = date.getHours().toString();
    var minutes = date.getMinutes().toString();

    if(heure == heureExec && minutes == minExec){
        if(document.getElementById('video').style.display == 'none'){
             document.getElementById('video').style.display = 'block';        
        }
    }

    var end = parseInt(minExec)  + parseInt(timeOut);
    end = end.toString();
    if(heure == heureExec && minutes == end ){
        if(document.getElementById('video').style.display == 'block'){
             document.getElementById('video').style.display = 'none';        
        }
    }

},30000)

jquery每天20:00在视频中显示隐藏div

2 个答案: