zoukankan      html  css  js  c++  java
  • 如何让网页局部定时刷新

    如何逻辑整理?

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

      2. 只需要对网页中局部的标签进行刷新

        函数中function为自定义函数,time是多久执行自定义函数,单位是毫秒

      3. 可以通过定义自定义函数进行局部刷新,需要导入jquery

    代码演示,如何?

    1         <script type="text/javascript">
    2             setInterval(function() {
    3                 $("#history").load(location.href+" #history>*","");
    4             }, 1000);
    5         </script>

    html

    1 <div class="etu-form-inner-step1" id="history">
    2     <h3><span data-i18n="" >BOOK</span></h3>
    3      <?php while($rows1 = mysql_fetch_assoc($res1)) { ?>
    4     <div class="time" align="left"><?php echo $rows1['time']; ?></div>
    5     <div align="left"><h5><span class="title">【老师】<?php echo $rows1['title']; ?></span></h5></div>
    6     <div align="left"><?php echo $rows1['detail']; ?></div>
    7     <hr />
    8     <?php } ?>
    9 </div>

      定义一个定时器,1秒刷新一次,自定义函数function每次刷新执行在id=history刷新载入指定网页中id=history的所有内容

       location.href 表示刷新本网页

      load 表示加载某个网页,有选择性添加某些元素到网页中,load(url,[data],[callback])

      ulr 表示  url #some > selector ,是一个字符串,url和# 中间有空格, 指定加载的url,id=some的标签,>表示加载,*表示所有,+表示字符串拼接

      []表示可选,data 数据为 key/value 形式 ,callback表示回调函数,加载完成后执行的函数

    有哪些运用场景?

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

  • 相关阅读:
    vue2查看大图vue-preview使用笔记
    promise使用场景
    vue2移动端使用vee-validate进行表单验证
    移动端单位换算理解
    ...
    我的promise学习笔记
    前端本地调试解决跨域的两种方法
    vue2 零星笔记
    vue2.x使用百度地图
    BZOJ 3368 约翰看山(扫描)O(N)
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/9522785.html
Copyright © 2011-2022 走看看