记录一个页面自动刷新多个页面阅读量的代码

首先声明：这个代码只适应于传统的html页面的流量刷新。

需求

今天，夫人说有一个技术层面需求，某客户在论坛的一个帖子浏览量太低，希望这个帖子的流量能够高一点。

分析

简单看了看网站，浏览量是根据页面刷新进行增加，没有做cookies判断，没有做IP判断，简单理解就是一个页面刷新的计数功能，也就是说不停的按F5也可以实现。

解决

1、手动不停的按F5，可以实现，效率太低；

2、制作一个页面，通过iframe来嵌套源页面，进行刷新，只是一个页面嵌套一个速度还是慢；

3、再次升级，一个页面通过iframe嵌套5个页面，太多的话会对对方服务器造成压力，5个并发是没问题的，如果有需求，可以将此页面在多个标签页打开即可。

4、测试过程中，发现页面会假死，通过 http-equiv="refresh" 解决

代码

代码很简单其实就如下

<!DOCTYPE html>
<html> 
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="refresh" content="30" /> 
<title>页面刷新运行中</title>
</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> 
  <iframe id="ifr4" width="400" height="500"></iframe> 
  <iframe id="ifr5" width="400" height="500"></iframe> 
  <iframe id="ifr6" width="400" height="500"></iframe> 
  <iframe id="ifr7" width="400" height="500"></iframe> 
  <iframe id="ifr8" 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] = "https://www.baidu.com";
		url[1] = "https://www.sogou.com";
		url[2] = "https://www.so.com";
		url[3] = "https://cn.bing.com";
		url[4] = "http://www.soso.com";
		url[5] = "http://m.baidu.com";
		url[6] = "https://so.toutiao.com";
		url[7] = "https://m.so.com";
		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++;	
			//如果页面地址多，可以通过随机数来时间
			document.getElementById("ifr9").src=url[k];
			document.getElementById("ifr10").src=url[m];
			//只想实现平均的刷新		
            document.getElementById("ifr").src=url[0];
			document.getElementById("ifr2").src=url[1];
			document.getElementById("ifr3").src=url[2];
			document.getElementById("ifr4").src=url[3];
			document.getElementById("ifr5").src=url[4];
			document.getElementById("ifr6").src=url[5];
			document.getElementById("ifr7").src=url[6];
			document.getElementById("ifr8").src=url[7];
			document.getElementById("count").innerHTML = n;
            },3000)  //这里的10000等于10000毫秒 也就是10秒		
			
    </script>   
 </body>
</html>

代码做下记录，下一回不用找本地文件了。

记录一个页面自动刷新多个页面阅读量的代码

评论已关闭