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>



博客计数器
目录
相关文章
|
1月前
|
数据采集 Web App开发 JavaScript
JavaScript爬虫进阶攻略:从网页采集到数据可视化
JavaScript爬虫进阶攻略:从网页采集到数据可视化
|
1月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
|
3月前
|
前端开发 JavaScript
百度搜索:蓝易云【用JavaScript和HTML实现一个精美的计算器网页】
该计算器网页使用HTML定义了页面结构,CSS样式使其具有精美的外观,而JavaScript脚本实现了计算器的逻辑。用户可以通过按钮输入数字和操作符,并通过“=”按钮来进行计算,计算结果会显示在文本框中。
40 6
|
3月前
|
JavaScript 前端开发 算法
JavaScript实现网页关灯效果
JavaScript实现网页关灯效果
25 0
|
4月前
|
前端开发 JavaScript
前端js代码一句话模拟Ctrl+A全选网页内容效果document.execCommand(‘selectAll‘);
前端js代码一句话模拟Ctrl+A全选网页内容效果document.execCommand(‘selectAll‘);
|
1月前
|
数据采集 JSON JavaScript
如何处理动态网页(例如使用 JavaScript 生成的内容)?
如何处理动态网页(例如使用 JavaScript 生成的内容)?
15 0
|
1月前
|
JavaScript 前端开发 UED
JS自动跳转手机移动网页
JS自动跳转手机移动网页
454 0
|
1月前
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架
|
1月前
|
前端开发 搜索推荐 JavaScript
编程笔记 html5&css&js 001 学习编程从网页开始
编程笔记 html5&css&js 001 学习编程从网页开始
|
2月前
|
前端开发 JavaScript API
网页开发者必看!5种JS跳转页面技巧,提升用户交互体验
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。