2、当点击按钮之后，执行方法利用clearInterval方法将定时器停止
代码如下：
$(function(){
var obj = setTimeout(定向的页面, 2000)// 每2秒刷新一次页面
$("#but_stop").click(function(){
clearInterval(obj)// 点击即停止刷新
})
})
我刚开始也在找这个问题的答案，现在解决了，为后面学习的人栽棵树吧。
实现这个功能有很多种方法，这里我选一种个人认为比较简单的方法：
建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。
用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了
下面附上代码
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>标题</title>
<!--jQuery 百度CDN库-->
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
// jQuery代码
$(document).ready(function () {
$("#b1").click(function () {
$("#tab_1").show()// 显示
$("#tab_2").hide()// 隐藏
})
$("#b2").click(function () {
$("#tab_1").hide()
$("#tab_2").show()
})
})
</script>
</head>
<body>
<div>
<h1>标题一</h1>
</div>
<div>
<div>
<ul>
<li><button id="b1">菜单1</button></li>
<li><button id="b2">菜单2</button></li>
</ul>
</div>
<div>
<div id="tab_1">
子页面1
</div>
<div id="tab_2" style="display: none">
子页面2
</div>
</div>
</div>
</body>
</html>
HTML局部刷新页面不跳转，是指在不刷新整个页面的情况下，只刷新部分内容。这可以通过使用AJAX（Asynchronous JavaScript and XML）来实现，AJAX可以在不重新加载整个页面的情况下，只更新页面的一部分内容。AJAX可以更新页面的一部分内容，而不影响其余部分，从而节省时间和资源，并且可以提高用户体验。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）