个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个基于网页的幻灯片 (index.php)，并且希望另一个页面 (commercial.php) 每隔 10 分钟左右中断一次，然后在 Commercial.php 页面出现后返回到 index.php已经起床 X 分钟了。
我想这样做的方法是让 javascript 说“如果当前分钟数可以被 10 整除，则加载 Commercial.php。当 Commercial.php 计时器结束时，加载 index.php”。我只是不知道如何将其放入代码中...:(
下面是我创建的测试页面，只是为了让代码正常工作，然后将其移动到真实的网页...
<body>
<div id="time"></div>
<div class="frame" style="border:1px solid red;width:100%;height:90%;"></div>
<script>
function time() {
$("#time").text(new Date().getHours() + ":" + new Date().getMinutes() + ":" + new Date().getSeconds());
}
setInterval(time, 1000);
time();
//IF STATEMENT TO LOAD VIDEO IN DIV.FRAME?
</script>
</body>
任何帮助将不胜感激。谢谢!
最佳答案
因此，我采取了将分钟存储在单独变量中的方法，然后对其使用模运算符 mins%10 来查看它是否等于 0。
function time() {
var hours = new Date().getHours(),
mins = new Date().getMinutes(),
secs = new Date().getSeconds();
$("#time").text(hours + ":" + mins + ":" + secs);
if(mins%10 == 0) {
console.log('sending to commercial.php');
//location.href = 'commercial.php';
loadVideo();
}
}
//setInterval(time, 1000);
time();
function loadVideo(){
console.log('loading video');
$('<iframe>', {
src: 'https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0&autoplay=1',
width: "560",
height: "315",
id: 'myFrame',
frameborder: 0,
scrolling: 'no'
}).appendTo('.frame');
}
如果出现这种情况，您将加载视频。我不确定您是否要重定向到新页面(您可以使用 location.href 执行此操作，或者您是否打算将其添加到页面中。我采用了附加 iframe 的方法到页面。
这是我的示例 https://jsfiddle.net/enigmarm/rrgbfa8x/1/
请注意，我注释掉了间隔。您需要跟踪视频是否已加载，因此在整整一分钟内，您不仅仅是重复更新同一视频。另外，在我的 fiddle 中，我将 1==1 添加到 if block 中。这样您就可以看到视频如何加载到现有页面。
至于显示此内容的时间长短，我想这取决于您从何处加载视频/广告。理想情况下，视频播放器具有您可以点击的事件状态。因此，当视频停止播放时，您可以检测到并返回到幻灯片。 YouTube's Player API has onStateChange 。否则，您必须知道每个广告需要多长时间，然后在 30 秒(或任何长度)后返回幻灯片。
<小时/>当您希望让它淡入时，您可以使用 jQuery 的 fadeIn function 。为了在添加新元素时使其发挥作用，您必须先隐藏该元素 display: none;。在我更新的 fiddle 中:https://jsfiddle.net/enigmarm/rrgbfa8x/3/我只是设置了 iframe {display:none;}，然后使用 .fadeIn(3000) 在 3 秒内淡出它。要使其淡出，您可以查看 jQuery 的 [fadeOut()`] 3
function loadVideo() {
console.log('loading video');
$('<iframe>', {
src: 'https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0&autoplay=1',
width: "560",
height: "315",
id: 'myFrame',
frameborder: 0,
scrolling: 'no'
}).appendTo('.frame').fadeIn(3000);
}
关于javascript - 根据当前时间加载 YouTube 视频？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37816384/
25
4
0
我试图通过这段代码读取未知数量的整数: while (1) { int c = getchar (); if (c == EOF) break;
我正试图找到一个类似于谷歌分析日期选择器的日期选择器: 知道 jQuery 是否提供了类似的东西吗？ 最佳答案 这个 Twitter Bootstrap 风格的日期范围选择器非常接近。 https:/
我正在使用 javascript。如何获取当前 URL 的路径并将其分配给我的代码？这是我的代码: $(document).ready(function() { $(".share").hides
如何获得今天的Julian day number (JDN)相等的？或任何日期？ 我看了又看，但只发现了一些产生“year-dayOfYear”的函数，而不是:2457854。 最佳答案 在 bash
我有相当简单的 UDP 服务器写在 c 上。 有时我需要知道在套接字中排队的所有 udp 数据包(字节)的当前长度。 据我了解，getsockopt 没有得到这样的信息。 欢迎使用 Linux 和 F
我一直在寻找几个小时来找到一个可以在图像中添加诸如“填充:5px”之类的东西的插件。每个人都通过纯 html 做到这一点吗？我们的客户需要一种方法来简单地使用按钮或右键单击上下文菜单来添加它。有什么建
是否有可能获得当前正在执行的 TCL 脚本的完整路径？ 在 PHP 中，它将是:__FILE__ 最佳答案 根据“当前正在执行的 TCL 脚本”的含义，您实际上可能会寻找 info script ，甚
我最近从直接使用 ISession 转向了包装的 ISession，即工作单元类型模式。 我曾经使用 SQL Lite(内存中)对此进行测试。我有一个简单的帮助器类，它配置我的 SessionFact
我按照步骤操作 here在 WebStorm 中配置代码完成和其他内容，但我仍然收到以下语法错误。 我该如何解决这个问题？ 最佳答案 通过相应地将“JavaScript 语言版本”(Settings/
我可以为我团队的 TFS 当前 Sprint 任务板添加书签吗？我们有两周的冲刺，因此 URL 每两周更改一次。 默认 URL 的形式为: http://[Server]/tfs/[Project]/
是否有 Subversion 命令可以显示当前版本号？ 在svn checkout之后，我想启动一个脚本并需要变量中的修订号。如果有像 svn info get_revision_number 这样的
我正在编写表单的一个组件 首次安装组件时，sources={{}} ，一本空字典。由于该组件包装了现有的 Javascript 库，因此我正在实现一个自定义比较函数。为了让这个 diffing 函数
无论系统时间设置为多少以及机器所在的时区，我都需要正确的 UTC 时间。 (即使我必须打电话到互联网才能同步......) 是否有一些库或其他方法可以优雅地做到这一点？ 最佳答案 如果您想获得准确可靠
我一边编码，一边拿出一些我和 friend 建立的旧网站来重新开始工作。我已经有一段时间没有做过任何 AJAX 了，当我试图找出我的代码失败的地方时，我发现没有显示很多资源。我猜这是因为我使用的是旧方
由于对性能的巨大影响，我从不怀疑我现在的桌面CPU是否有分支预测。当然可以。但各种 ARM 产品又如何呢？ iPhone或Android手机有分支预测吗？较旧的任天堂 DS？基于 PowerPC 的
我有一个具有以下有效负载的 JWT: { "id": "394a71988caa6cc30601e43f5b6569d52cd7f6df", "jti": "394a71988caa6cc30
从其他一些帖子中，我能够通过以下方式获取当前 URI: 但是以下方法不起作用: 我很好奇为什么上面的方法不起作用，以及如何将当前 URI 分配给字符串。 最佳答案 每the javadocs ，g
我在表格 View 中有几个单元格。现在在任何给定的时间点，我想计算 View 中单元格的当前高度，即如果它是 View 的 3/4，它应该返回 (cellheight)*3/4 高度。 我通过以下方
这是网站的身份验证脚本。这安全吗？是最近的节目吗？它已经过时了吗？是否有“更好更安全的方法”我很新，但我没有看到太多地方使用 header 授权。 如有任何帮助，我们将不胜感激!这是我制作的第一个登录
我已经在其他 stackoverflow 线程上检查过这个错误，但在我的代码中没有发现任何错误。也许我累了，但我觉得还好。 网站.urls.py: from django.conf.urls impo
我是一名优秀的程序员,十分优秀！