做一个计时器示例 在页面上有一个文本框和一个普通按钮 在状态栏上显示,单击按钮,开始计时的提示信息 单击按钮时,在文本框显示计数的过程,同时要求按钮上的字,显示为“单击暂停” 此时单击按钮,暂停计时,同时按钮上的字显示为“继续计时”,要求这两种状态来回切换,来完成计数器的功能

2015-04-12 20:15:25

方法一;

<script>
	var s=0;
	var timeout=0;
	status=‘点击按钮,开始计时‘;
	function count(){
		s++;
		time1.value=s;
		timeout=setTimeout(‘count();‘,100);
	}
	function onChange(){
		if(timeout==0){
			count();
			time2.value=‘暂停计时‘;
			status=‘点击按钮,暂停计时‘;
		}else{
			clearTimeout(timeout);
			timeout=0;
			time2.value=‘继续计时‘;
			status=‘单击按钮,继续计时‘;
		}
	}

  </script>
 </head>
 <body>
  <input name=‘time1‘/><br/>
  <input type=‘button‘ name=‘time2‘ onclick=‘onChange();‘ value=‘开始计时‘/>
 </body>

  

第二种方法:

<body>
  <input id=‘text1‘/>
  <input type=‘button‘ id=‘jishi‘ value=‘开始计时‘ onclick=‘getTim();‘/>
   <script>
	var jishi=null,text1=null,k=0,timer=null;
	function getTim(){
		var jishi=document.getElementById("jishi");
		var text1=document.getElementById("text1");
		switch(jishi.value){
		case ‘开始计时‘:window.status=‘单击按钮,开始计时‘;
		case ‘继续计时‘:
			jishi.value=‘单击暂停‘;
			window.status=‘‘;
			timer=setInterval(function(){
			text1.value=k;
			k++;
			},5);break;
		case ‘单击暂停‘:
			window.status=‘单击按钮,开始计时‘;
			clearInterval(timer);
			jishi.value=‘继续计时‘;break;

		default:break;
		}
	}

  </script>
 </body>

  

时间: 2025-01-04 09:50:17

做一个计时器示例 在页面上有一个文本框和一个普通按钮 在状态栏上显示,单击按钮,开始计时的提示信息 单击按钮时,在文本框显示计数的过程,同时要求按钮上的字,显示为“单击暂停” 此时单击按钮,暂停计时,同时按钮上的字显示为“继续计时”,要求这两种状态来回切换,来完成计数器的功能的相关文章

js实现点击一个按钮进行两种状态的切换(toggle)

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1

thinkjs&mdash;&mdash;一个字段一种数字代表两种状态

问题来源: 现有一张company数据表,其中有一个字段state(-2:待审核:-1:禁用:0:正常:1:会员过期:),一般而言,在前期设计数据表的时候,会将每种状态下都用一种特定的数字代表,但是这里起初并没有将-2代表的待审核和拒绝状态分开,即-2代表着两种状态:待审核以及拒绝.现要求在字段state不增加值的情况下,根据company中的另外一个字段refuse是否为空来区分是待审核或者是拒绝. 分析: 拿到需求,先分析一下:在原来-2的基础之上,在查询条件中增加refuse条件即可. 解

小程序项目别的页面初始化拿到的值为两种状态(已解决)

小程序项目别的页面初始化拿到的值为两种状态,其他页面拿不到app.js全局globalData下全局的cookie app.js文件 onLaunch: function () { console.log('app-onLaunch') this.getUserInfo(); }, onShow:function(){ console.log('app-onShow') }, // 获取用户信息,登录 getUserInfo: function (callBack) { let that = t

iOS开发思路提问(系列1:一个Button的三种状态怎样切换?)

问题抽象: 现在在做一个音乐播放的模块,对于音乐播放顺序有三种状态切换,如下图所示, 顺序播放 单曲循环 随机播放 现在我只抽象出最简单的部分,以该Button操作的交互过程来描述, (1)Button默认的状态是"顺序播放"歌曲模式 (2)不断点击Button,歌曲循环模式切换顺序为"顺序播放->单曲循环->随机播放->顺序播放->...." (3)每次点击设置了一种歌曲循环模式,都将该循环模式发送给服务器,下次来到该界面的时候,从服务器读

js实现简单百度分页和两种tab样式切换简单实现

<span style="font-family:KaiTi_GB2312;font-size:18px;">1.分页 /* *分页 */ var size = data.count; //总页数 var spage = (page - 1) < 1 ? 1 : (page - 1); var pagehtml = "<a href=\"#\" onclick=\"javascript:getBookList("

ImageView切换两种状态下的模式

1.xml对ImageView的src要设置成selector <ImageView android:id="@+id/like_icon" android:layout_width="@dimen/will_like_icon_width" android:layout_height="@dimen/will_like_icon_height" android:layout_alignParentLeft="true"

UIButton 不同状态图片来回切换

做百度地图是否显示路况信息,用到两种状态的图片 第一种方法:用Bool进行标记 声明一个 Bool _isRoad; - (void)roadBtnAction:(UIButton *)sender { if (!_isRoad) { [_roadBtn setBackgroundImage:[UIImage imageNamed:@"map_road_condition_sel"] forState:UIControlStateNormal]; [_mapView setTraffi

两种方式实现类似qq搜索的切换

qq的搜索功能在点击搜索框时整个页面上移,出现透明布局.该效果是模仿iOS实现的,但是在Android也是很容易实现的.于是就花了点时间仿照效果写了一个demo.可能实现方式并不是完全相同. 具体请看效果图: 详细说明略.第一种是利用隐藏的透明LinearLayout实现效果.第二.三种是通过PopupWindow实现的,只有一处区别,即搜索框的两种状态.第二种采用的是ListView的addHeaderView实现的. 不多说直接上代码 第一种 /***********************

div随页面滚动遇顶固定的两种方法(js&amp;jQuery)

一.遇顶固定的例子 我一直以为是某个div或层随屏幕滚动,遇顶则固定,离开浏览器顶部又还原这样的例子其实不少,其实它的名字叫"层的智能浮动效果".目前我们在国内的商业网站上就常常看到这样的效果了.例如淘宝网的搜索结果页的排序水平条,在默认状态时,该工具条是跟随页面滚动的,如下图: 而当我们下拉滚动条,随着页面向下滚动,当此工具条接触到浏览器的上边缘时,这时就会独立出来固定在顶部,不跟随页面滚动而滚动了,如下图: 类似的例子效果我们在别的网站上都有看到过,例如腾讯微博首页上,当我们下拉屏