如何讓網頁局部定時刷新?


如何邏輯整理?

  1. 需要用到js的定時刷新函數  setInterval(function,time)

  2. 只需要對網頁中局部的標簽進行刷新

    函數中function為自定義函數,time是多久執行自定義函數,單位是毫秒

  3. 可以通過定義自定義函數進行局部刷新,需要導入jquery

代碼演示,如何?

    setInterval(function() {
          $("#history").load(location.href+" #history>*","");
    }, 2000);

  定義一個定時器,2秒刷新一次,自定義函數function每次刷新執行在id=history刷新載入指定網頁中id=history的所有內容

   location.href 表示刷新本網頁

  load 表示加載某個網頁,有選擇性添加某些元素到網頁中,load(url,[data],[callback])

  ulr 表示  url #some > selector ,是一個字符串,url和# 中間有空格, 指定加載的url,id=some的標簽,>表示加載,*表示所有,+表示字符串拼接

  []表示可選,data 數據為 key/value 形式 ,callback表示回調函數,加載完成后執行的函數

有哪些運用場景?

  在實時性要求高的場合,比如股票交易,飛機票預定等等場合 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM