首页 > 代码库 > 如何让网页局部定时刷新?

如何让网页局部定时刷新?

如何逻辑整理?

  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表示回调函数,加载完成后执行的函数

有哪些运用场景?

  在实时性要求高的场合,比如股票交易,飞机票预定等等场合 

如何让网页局部定时刷新?