How to Ajax auto refresh after x seconds

Use of setInterval function

  • just alert “hello San” to test this function
    setInterval( "alert('Hello San')" , 5000 ) ; / 5 seconds

Example: just alert “hello San” to test this function after 10 seconds

  • <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
  • <script language="JavaScript">
  • setInterval( "alert('Hello San')", 10000 );
  • </script>

User it for call your main function.

  • setInterval(
     "SANAjax();"
    ,
     10000
     )
    ;
      / 10 seconds
    

Example : With jquery,update div contents after 5 seconds

  • <
    script type=
    "text/javascript"
     src=
    "http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"
    ></
    script>
    
    < script language= "JavaScript" >
    setInterval( "SANAjax();" , 5000 ) ; / 10 seconds
     
    $( function ( ) {
    SANAjax = function ( ) {
     
    $( '#dataDisplay' ) .prepend ( "Hi This is auto refresh example for you - w3cgallery.com <br><br>" ) .fadeIn ( "slow" ) ;
     
    }
    } ) ;
    </ script>


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值