JQuery 简单实现刷网页访问量

最新推荐文章于 2023-11-26 13:28:43 发布

原创最新推荐文章于 2023-11-26 13:28:43 发布 · 2.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #刷新网页

前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何利用jQuery实现网页的自动化访问计数，通过简单的JavaScript代码，实现在页面加载时增加页面访问次数的功能，同时探讨了这种方法在实际应用中的优缺点。


	<style>
        #DinShi {
            position: absolute;
            position: fixed;
            top: -5px;
            left: 847px;
            font-size: 30px;
            width: 451px;
            height: 70px;
            text-align: center;
            line-height: 68px;
            cursor: pointer;
            transition: top 0.5s ease;
        }
    </style>


	<input type="button"  value="开始刷量" onclick="aClick();"></input>
		<div id="DinShi">
			<span id="S">0</span>&nbsp;时
			<span id="F">0</span>&nbsp;分
			<span id="M">0</span>&nbsp;秒
		</div>
	<iframe id="iframes" style="width: 100%; height:100%; "></iframe>


	<script>
	function aClick() { 
		var src = ""; 
		var DinShi = document.getElementById("DinShi"); 
		var S = document.getElementById("S"); 
		var F = document.getElementById("F"); 
		var M = document.getElementById("M"); 
		var timer = null; 
		timer = setInterval(function () { 
			var i = Number(M.innerHTML) + 1; 
			M.innerHTML = i;
			if (M.innerHTML == "1") { 
				src = "访问网址"; 
				$("#iframes").attr("src", src); 
			}  //else if() 以此类推判断每秒刷新一次网页，但是这里要看该网站计程序开发是以刷新页面还是以
	//记录IP的形式来进行判断.前者可以进行同一网页刷新,后者不行（只能刷新不同的网页，等缓存再刷新回去）；
			M.innerHTML = 0; } 
			, 1000.);
	 }
	</script>


    <link href="~/Content/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" />
	<script src="~/Content/bootstrap-3.3.7-dist/js/jquery-1.11.3.min.js"></script>
    <script src="~/Content/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>