Question

我想在x秒内自动刷新div部分。我希望每隔x秒div显示不同的内容，在显示最后一个内容后，它应显示开始的内容

我怎样才能做到这一点？

<script type="text/javascript"
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
    var auto_refresh = setInterval(
        function () {
            $('#push').load('F3.jsp').fadeIn("slow");
        }, 10000); // refresh every 10000 milliseconds
</script>
<div class="push">
    <table  width="100%" border="1" align="center"
            cellpadding="0" cellspacing="1" bordercolor='66A8FF'>
        <%
            int i=5;
            int j=6;
            int k=7;
        %>
        <tr bgcolor="0F57FF" style="border-collapse:collapse">
            <td width="50%" height="50px" align="center" style="font-size:24px">
                <font color="#fff"><%= i%></font>
            </td>   
        </tr>
    </table>
</div>

我想在表格中每隔x秒定期显示i,j,k的值。

Answer 1

此代码可能会对您有所帮助。

$('.push').html('');
var x= 1000;
var countRefresh = 0;
var contentCount;
counter=setInterval(refreshFun, x);


function refreshFun()
{
    if(countRefresh == contentCount){
        clearInterval(counter);
        counter=setInterval(refreshFun, x);
    }else{
        var i=5;
        var j=6;
        var k=7;
        var table = "{Your table html}";

        $('.push').html(table);
        countRefresh++;
    }

}

感谢。

如何在x区间自动刷新div部分？

1 个答案: