粘贴视频后自动关闭模式。超时功能不起作用

Question

我一点也不知道编码，仅通过互联网就把这些拼凑了很多。

    <script type="text/javascript">
  $('#overlay').modal('show');

setTimeout(function() {
    $('#overlay').modal('hide');
}, 5000);

Answer 1

将其更改为此

setTimeout(() => {
  $('#overlay').hide();
}, 12000);

。modal类是另一个库/框架的一部分（我怀疑是Bootstrap）

此外，如果您希望它出现在页面加载中，则不需要$('#overlay').modal('show')

并且，如果您希望它发生在视频端，则：

1）您需要从loop元素中删除属性<video>

2）您需要添加一个EventListener，它将等待视频结束事件。

类似

const video = document.querySelector('video');

video.onended = (event) => {
  $('#overlay').hide();
};