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这种技术,看到有博客说一些直播 ...
最新文章
- 在 Linux 下忘记 mysql root 密码的解决方法
- linux一共有多少级别,简述linux的几个运行级别及其相应的含义。
- java 无法找到ant_无法找到与ANT(mac)关联的文件
- python递归面试题_python面试题
- excel表中怎么插入visio_用Excel编制精确甘特图,准确控制任务进展,提高项目管理水平...
- linux内核3.6版本及以下的bug引发的故障--cpu使用率100%
- 打印SAP Spartacus generic link指向的url
- 深度学习修炼(一)——从机器学习转向深度学习
- CentOS6.8下安装memcached并设置开机自启动
- 麻省理工MIT发布首个贝叶斯「数据清洗」机器人!
- MySQl Window Function Concepts
- 1.携程架构实践 --- 携程整体技术架构
- Google Code Review在代码审查中寻找什么
- proguard-gui 混淆代码简要笔记
- c语言餐桌游戏,教会你这十款酒桌游戏,让你在朋友圈稳站“C”位!
- 单片机学习笔记-基础知识
- 读【选修计算机专业的伤与痛】
- python 进程池pool使用详解
- JavaWeb的项目设计思路
- 女友老爸开了中介公司让我抽空搞开发个租房App,像贝壳一样就行.....
热门文章
- powershell安装和使用--学习入门
- Mapping Exception to AxisFault org.apache.axis.AxisFault: java.lang.NullPointerException
- Web服务器,Web容器和应用服务器的区别
- XSL基础教程(一)
- 每日一句:I'm sorry,I can't answer the question.
- 【每日一练】36—CSS实现一款炫酷的3D 文本旋转效果
- 关于GHOST时提示找不到GHOSTERR.TXT的解决方法
- 高楼扔鸡蛋——动态规划问题
- 入职趣事之银行短信验证码收不到咋办
- 实现QQ、微信、新浪微博和百度第三方登录(Android Studio)