五分钟内反应回复,平均十分钟解决任何IT技术问题,按难度跟工作量收费!

js/javascript每隔一段时间局部刷新部分代码

admin |浏览469次
收藏|2017/06/18 22:54


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="/jquery-1.5.1.js"></script>
<style type="text/css">

button.b1{background-color: #39b3d7;}

button.b2{background-color: red;}

</style>
<script>

$(function(){    
    $("#sxa").click(function(){
        
        $("#cs").load('/ceshi2.php');        
    });    
});

function funcTest(){

    //每隔3秒执行一次timelyFun方法

    window.setInterval("timelyFun()",1000);

}

function timelyFun()
{
    $("#cs").load('/ceshi2.php');    
}

window.onload = funcTest();


        
    </script>

</head>
<body>

<div class="container">
<span>A刷新次数:</span>
<div id="cs"><?php include("ceshi2.php");?></div>
</div>
<button id="sxa">点击刷新A</button>
<div class="container1">
<span>B刷新次数:</span>
<div id="cs1"><?php include("ceshi1.php");?></div>
</div>
<button id="sxb">点击刷新B</button>
</body>
</html>









还有一种延迟执行的方法:setTimeout 只执行一次!

<script type='text/javascript'>setTimeout(function(){location.href='/';},40000);</script>

setTimeout(function(){$("li").find("b").hide('slow');},4000);  

+1
 加载中...