js 使用setInterval()实现实时刷新
1 使用详解
(1)setInterval()
说明:可按照指定的周期(以毫秒计)来调用函数或计算表达式。
语法:
window.setInterval(code,millisec);
参数:
code,要调用的函数或要执行的代码串。
millisec,周期性执行或调用 code 之间的时间间隔,以毫秒计。
返回值:
一个可以传递给 window.clearInterval() 从而取消对 code 的周期性执行的值。
(2)clearInterval()
说明:取消对 code 的周期性执行。
语法:
window.clearInterval(timeId);
参数:
timeId,必须是由 setInterval() 返回的 ID 值。
2 实现实时刷新
var lastTimeId="";
$(function(){$(window).click(function(){if(!!lastTimeId){//清掉上一次设置的实时刷新window.clearInterval(lastTimeId);}//开始实时刷新lastTimeId=window.setInterval("test()",10000);});
});
var i=0;
function test(){$("body").html(i++);
}
注:在添加新的setInterval()时,需要使用clearInterval()清除之前设置的实时刷新,不然会出现多个setInterval()实时刷新。
js 使用setInterval()实现实时刷新相关推荐
- html 实时曲线 js,基于d3.js实现实时刷新的折线图
先来看看效果图 下面直接上源代码,html文件 实时刷新折线图 .axis path, .axis line{ fill: none; stroke: black; shape-rendering: ...
- js php 实时更新数字,js实现股票实时刷新数据案例
近来学习炒股,免不了上班时间看盘,总不能光明正大的用电脑看行情,一直盯着手机影响也不好,容易引起"关注". 所以就想自己做一个网页来达到看盘的目的,一个只显示几个关键数字的网页肯定 ...
- HTML设置字体大小自适应屏幕与echarts图表颜色根据数据大小实时刷新图表颜色
设置html文字大小根据页面大小自适应,在使用rem之前是使用的px和百分比,后来发现页面缩放或在小屏幕的电脑显示不尽人意,后改用rem,写法如:font-size: .21rem;或font-siz ...
- webpack-dev-server 搭建本地服务以及浏览器实时刷新
一.概述 开发项目中为了保证上线,开发项目是都需要使用localhost进行开发,以前的做法就是本地搭建Apache或者Tomcat服务器.有的前端开发人员 对服务器的搭建和配置并不熟悉,这个时候需要 ...
- 不懂代码,如何做出实时刷新的数据大屏?
首先恭喜你,当你看到这篇文章的时候,不管你是小白还是大咖,你都将直接获得一个高级技能:轻松上手可实时刷新的酷炫大屏. 制作可视化大屏,一般有这么几种方案: 写代码调用数据和图表,比如写JS+Echar ...
- web页面实时刷新之browser sync
web开发对实时刷新的需求 在刚开始学习前端时每次修改文件内容后都需要手工刷新下浏览器来看效果,做的次数多了就特别难受,有时仅仅修改了一个字母都需要刷新下页面查看 之后接触到编写边看的集成IDE,文件 ...
- web 实时刷新 websocket 大数据
最近在做的一个项目,是一个大数据分析平台,有如下需求:有如果个实验设备运行并且将运行数据通过socket发送到分析平台,分析平台通过运行socket作业来完成对socket数据的接收,同时还需要对接收 ...
- js实现在页面实时显示时间,一个按钮控制时间暂停和开始
js实现在html实时显示时间,一个按钮控制时间暂停和开始.代码如下: <head><meta charset="UTF-8"><title>& ...
- JS调用摄像头、实时视频流上传(一次不成功的试验)
JS调用摄像头.实时视频流上传(一次不成功的试验) 思路 前端调用摄像头,获取视频流,从视频流中取一帧转图片,用websocket上传图片. 研究了一下发现了WebRTC这种技术,看到有博客说一些直播 ...
最新文章
- 阿里云的一些奇怪问题及服务器配置
- 小程序canvas的一个坑
- 遍历python字典的几种方法
- AC自动机-HDU2222-模板题
- leetcode214. 最短回文串
- no suitable driver found for jdbc:mysql//localhost:3306/..
- linux的shell脚本if语句,Shell脚本编程之判断语句
- 金立S6:因“耀”开启金属手机2.0时代
- (转)JVM——内存管理和垃圾回收
- 电影推荐——基于关联分析Apriori算法
- IE浏览器请求打开谷歌浏览器
- VScode输入感叹号时,没有出现模板
- 启动计算机配置windows7,如何设置开机启动项,教您电脑如何设置win7开机启动项...
- cm4 NVIC完全解析
- 导航路径规划之四 路径规划概述
- 腾讯云配置密钥使用putty登录 PuTTY实现Windows向Linux上传文件
- Mybatis-Plus与spring boot整合时数据库连接失败
- H5通过Universal Link(通用链接)唤起app
- 百度度地图总是提示key 验证出错 请在 AndroidManifest xml 文件中检查 key 设置解决办法
- app/config 中的配置说明