Question

上下文：html页面上的视频。

我在html页面上有一个隐藏的视频。

我希望视频每天在美国东部时间中午12:00出现（和自动播放）。

这可以通过JavaScript完成吗？我应该从哪里开始？

感谢任何反馈。

Answer 1

var targetHours = 12;
var targetMinutes = 0;
var date = new Date();
var hours = date.getHours();
var minutes = date.getMinutes();
var minutesLeft = (60*24 + (targetHours - hours)*60 + targetMinutes - minutes) % (60*24);
setInterval(function () {alert("Hello")}, minutesLeft * (60*1000))

这不需要像@Burrito的解决方案那样检查每一秒。如果你想让它每24小时触发一次（如果有人让页面打开这么长时间），请在被叫函数中再次设置定时器24小时超时。

Answer 2

我会通过在循环中使用日期对象将DOM元素作为占位符（图像或暂停的视频），然后可以通过

触发HTML5视频

document.getElementById('video_id').play();

类似

function checkTimeAndPlay() {
    var date = new Date();
    if (date.getHours() == 12 && date.getMinutes() == 0) {
        document.getElementById('video_id').play();
    } else {
        setTimeout("checkTimeAndPlay", 1000);
    }
}

Answer 3

我建议您查看JavaScript Date对象，该对象可让您访问当前时间以及更多内容。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

在一天的特定时间自动在我的网站上播放视频

3 个答案: