setInterval、控制停止和继续

在只用js之前,一定要引入jar包

<script src="../js/jquery-1.4.2.js" type="text/javascript"></script>

  

<div id="one">
	0
	</div>
	<script type="text/javascript">
	var one = document.getElementById("one");
	var i = 0;
	var dt = setInterval(function(){
			one.innerText=i;
			i++;
			}, 100);
	function stop(){
		clearInterval(dt);
	}
	function star(){
		dt = setInterval(function(){
			one.innerText=i;
			i++;
			}, 100);
	}
	</script>
	<input type="button" onclick="stop()" value="停止"/>
	<input type="button" onclick="star()" value="开始"/>

  

原文地址:https://www.cnblogs.com/0710whh/p/9331000.html

时间: 2024-10-13 17:19:51

setInterval、控制停止和继续的相关文章

创建一个程序读入和显示视频文件,并可以使用滑动条控制视频文件的播放。一个滑动条用来控制视频播放位置,以10为步长跳进。另一个滑动条用来控制停止/播放

/* 创建一个程序读入和显示视频文件,并可以使用滑动条控制视频文件的播放. 一个滑动条用来控制视频播放位置,以10为步长跳进.另一个滑动条用来控制 停止/播放 */ #include <cv.h> #include <highgui.h> int g_slider_position = 0; CvCapture* g_capture = NULL; int index = 0; bool flag = true; int g_slider_position1 = 0; void o

php页面添加背景音乐 控制停止/播放

php页面添加背景音乐 控制停止/播放 <!DOCTYPE html> <html> <head lang="zh-cn"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sca

setInterval的停止与启动

最近写代码,需要停止interval之后再重新启动,开始使用代码如下,发现无法重新启动 function func(){console.log("print")} //定时任务 var interval = setInterval(func, 2000); //启动,func不能使用括号 clearInterval(interval );//停止 interval;//期望可以重新启动,却发现不可以 通过查找相关资料以及尝试,代码修改如下 function func(){console

js setInterval 启用&amp;停止

以下面例子为说明: <title></title> <script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <s

程序进程逐步显示,并可以控制停止和继续

用户用你的程序读入一个数组文件 (就像我们以前做过的那样),显示初始状态 (就像围棋打谱程序那样)  1.1. 用户也可以自行定义数组的大小,或者要求随机生成一个数字矩阵. 2. 用户这时候有两个选择  2.1  按 单步执行 键, 在 GUI 看到你的程序是如何一步一步算出目前最大子数组的范围,当前计算到的临时子数组是在哪里,等等. 最好用不同的颜色标识不同的状态.  2.2  按 自动运行 键, 在 GUI 看到程序自动运行,并自动显示过程, 每次改变状态的时候要稍作停留 (例如 1 秒钟的

JavaScript js无间断滚动效果 scrollLeft方法 使用模板

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title> 无间断滚动scrollLeft套用模板 </title> <meta name="Keywords" content=""> <meta name="Description" content=""

完全图解scrollLeft,scrollWidth,clientWidth,offsetWidth

有时候项目中会用到用js获取元素位置来定位元素,我在网上开了大量的   图解,代码,最终把我搞的晕了,还是结合网上的 自己来总结一下,首先来看看网上的: DOM的定义如下图 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offse

H5性能优化方案

H5性能优化意义 对于一个H5的产品,功能无疑很重要,但是性能同样是用户体验中不可或缺的一环.原本H5的渲染性能就不及native的app,如果不把性能优化做起来,将极大地影响用户使用产品的积极性. 用户感受 当用户能够在1-2秒内打开H5页面,看到信息的展示,或者能够开始进行下一步的操作,用户会感觉速度还好,可以接受:而页面如果在2-5秒后才进入可用的状态,用户的耐心会逐渐丧失:而如果一个界面超过5秒甚至更久才能显示出来,这对用户来说基本是无法忍受的,也许有一部分用户会退出重新进入,但更多的用

【Delphi奥法 - 第零章】准备

0.0.认识Delphi的工具栏. 如果你安装好Delphi之后还没有改变其布局,那么应该可以在界面上方找到工具栏.右键单击工具栏,可以看到一些可选显示的按钮.如图: 玄虚勾选的是自己常用的,由于不进行网页相关项目,所以没有勾选HTML的相关.这个根据自己的需要进行勾选.下面大致介绍常常要用到的一些按键. 0.0.0.View下的按键 从左到右依次是查看项目中的单元.查看项目中的窗口.转换单元显示.隐藏不可见控件. 其中转换单元显示的功能为:如果当前激活的单元同时包含窗口,那么转换视图(当视图为