js定时刷新网页

简介: 直接上代码: 实现三个子页面同时刷新页面 url = new Array(); url[0] = "http://blog.

直接上代码:

实现三个子页面同时刷新页面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  </head>
  
  <body>
    <iframe id="ifr"  width=400 height=500></iframe>
	<iframe id="ifr2"  width=400 height=500></iframe>
	<iframe id="ifr3"  width=400 height=500></iframe>
	<div id='count' width=30 height=30  style="background:red; font-size:30"></div>
	
	
    <script type="text/javascript">
	
		url = new Array();
		url[0] = "http://blog.csdn.net/youacai/article/details/6644023";
		url[1] = "http://blog.csdn.net/youacai/article/details/6717063";
		url[2] = "http://blog.csdn.net/youacai/article/details/6588057";
		url[3] = "http://blog.csdn.net/youacai/article/details/6707787";
		url[4] = "http://blog.csdn.net/youacai/article/details/6646634";
		url[5] = "http://blog.csdn.net/youacai/article/details/6705466";
		url[6] = "http://blog.csdn.net/youacai/article/details/6651285";
		url[7] = "http://blog.csdn.net/youacai/article/details/6681695";
		url[8] = "http://blog.csdn.net/youacai/article/details/6708574";
		url[9] = "http://blog.csdn.net/youacai";
		url[10] = "http://blog.csdn.net/youacai/article/details/6717063";
		var n = 1;
		
        window.setInterval(function(){
			i = Math.random() * url.length;
			j = Math.floor(i);
			k = parseInt(10*Math.random());//随机取0-10的整数
			m = parseInt(10*Math.random()+1);//随机取1-10的整数
			n++;
			
			//alert(n);
		
            document.getElementById("ifr").src=url[j];
			document.getElementById("ifr2").src=url[k];
			document.getElementById("ifr3").src=url[m];
			document.getElementById("count").innerHTML = n;
            },10000)  //这里的10000等于10000毫秒 也就是10秒
			
		window.setInterval(function(){
			
			k = parseInt(10*Math.random());//随机取0-10的整数
			
			document.getElementById("ifr3").src=url[k];
           document.getElementById("ifr2").src="http://blog.csdn.net/youacai";
			document.getElementById("ifr").src="http://blog.csdn.net/youacai";
            },20000)  //这里的10000等于10000毫秒 也就是10秒
			
			
    </script>
	
    
  </body>
</html>



博客计数器
目录
相关文章
|
JavaScript 算法 开发者
如何用JS实现在网页上通过鼠标移动批量选择元素的效果?
本文介绍了类似电脑桌面通过鼠标选择多个图标的实现原理。主要通过监听mousedown、mousemove和mouseup事件,动态调整选择框大小并计算与元素的重叠情况。提供了角重叠和相交重叠的检测方法,并附有示例代码和在线演示链接,方便开发者参考与测试。
594 56
|
存储 JavaScript 前端开发
使用JavaScript构建动态交互式网页:从基础到实践
【10月更文挑战第12天】使用JavaScript构建动态交互式网页:从基础到实践
1016 1
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
2085 58
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
5081 0
|
数据采集 Web App开发 JavaScript
Python爬虫如何获取JavaScript动态渲染后的网页内容?
Python爬虫如何获取JavaScript动态渲染后的网页内容?
|
存储 JavaScript 前端开发
【JavaScript】网页交互的灵魂舞者
本文介绍了 JavaScript 的三种引入方式(行内、内部、外部)和基础语法,包括变量、数据类型、运算符、数组、函数和对象等内容。同时,文章还详细讲解了 jQuery 的基本语法和常用方法,如 `text()`、`html()`、`val()`、`attr()` 和 `css()` 等,以及如何插入和删除元素。通过示例代码和图解,帮助读者更好地理解和应用这些知识。
331 1
【JavaScript】网页交互的灵魂舞者
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
1318 5
|
JavaScript
js实现简洁实用的网页计算器功能源码
这是一款使用js实现简洁实用的网页计算器功能源码。可实现比较基本的加减乘除四则运算功能,界面简洁实用,是一款比较基本的js运算功能源码。该源码可兼容目前最新的各类主流浏览器。
357 2
|
Web App开发 缓存 前端开发
前端RAG:使用Transformers.js手搓纯网页版RAG(二)- 基于qwen1.5-0.5B
本文继续探讨了RAG的后半部分,通过在浏览器中运行qwen1.5-0.5B模型实现了增强搜索全流程。然而,由于浏览器与模型性能限制,该方案更适合研究、离线及高隐私场景。文章提供了完整的前端代码,让读者能够动手尝试。此外,详细介绍了代码框架、知识库准备、模型初始化及问答实现等步骤,并展示了实际运行效果。受限于当前技术,除非在离线或高隐私环境下,网页大模型的应用仍需进一步优化。
1237 0