交替自动重新加载两页
Auto-reload TWO pages alternatingly
如何在JavaScript中实现以下内容?
- Wait 120 seconds
- Open http://192.168.1.1/internet-disconnect (in an iframe or so, doesn't matter)
- Wait 3 seconds
- Open http://192.168.1.1/internet-connect
- Repeat
这是我的尝试方式:
<meta http-equiv="refresh" content="30">
<iframe id="iframe_id" src="http://heise.de"></iframe>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('iframe#iframe_id').attr('src', 'http://192.168.1.1/internet-disconnect');
setTimeout(function(){
$('iframe#iframe_id').attr('src', 'http://192.168.1.1/internet-connect');
}, 3000);
});
</script>
但它很混乱,不能按照应有的方式工作。
谢谢!
如果 setTimeout(( 则使用 setInterval((
试试这个
<script>
$(document).ready(function() {
var flag = 0;
$(document).ready(function() {
setInterval(function(){
if(flag == 0){
$('iframe#iframe_id').attr('src', 'http://192.168.1.1/internet-disconnect');
flag=1;
}else{
$('iframe#iframe_id').attr('src', 'http://192.168.1.1/internet-connect');
flag=0;
}
}, 3000);
});
</script>
window.onload = function(){
var url1 = 'http://192.168.1.1/internet-disconnect';
var url2 = 'http://192.168.1.1/internet-connect';
var delay1 = 120000;
var delay2 = 3000;
var iframe = document.createElement('iframe');
iframe.style.display = 'none';
document.body.appendChild(iframe);
setInterval(function(){
setTimeout(function(){iframe.src= url1;},delay1);
setTimeout(function(){iframe.src= url2;},delay2);
},delay1+delay2)
}
相关文章:
- 在第一页加载时隐藏字段,而不是在php发布之后
- 在新表单上使用JavaScript创建多个共享点项目,但将下一页加载延迟到全部创建
- JS文件未加载第一页加载
- 如何在第一页加载时使jQuery弹出消息
- 第一页加载时,有角度的ng网格固定标题不是静态的
- 链接在第一页加载时瞬间变蓝
- 通过将$resource查询数组添加到AngularJS中另一个数组的底部来进行分页加载
- 为什么 Java 脚本单击事件在第一页加载时没有触发
- 在第一页加载时加载服务
- 减少 Angular JS 中的分页加载时间
- Nivo滑块在第一页加载时不显示图像,但在刷新时加载
- 如何防止 iframe 运行两次加载事件
- 如何根据所选选项将 JSP 页加载到同一 JSP 页中
- 获取下一页加载的进度
- 如何在javascript文件中两次加载相同的函数
- 第一页加载时的引导模式
- 第二页加载时出现Safari缓存问题
- 使用react路由器浏览两次加载ReactJS
- 使用jQuery检测第一页加载
- 通过导航栏中的单个播放按钮,在电子书中的每一页加载音频文件