做一个计时器示例在页面上有一个文本框和一个普通按钮在状态栏上显示，单击按钮，开始计时的提示信息单击按钮时，在文本框显示计数的过程，同时要求按钮上的字，显示为“单击暂停” 此时单击按钮，暂停计时，...

最新推荐文章于 2024-12-08 21:49:09 发布

weixin_30817749

最新推荐文章于 2024-12-08 21:49:09 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： c# javascript java ViewUI

原文链接：http://www.cnblogs.com/xiaotudou-datudou/p/4420438.html

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>

转载于:https://www.cnblogs.com/xiaotudou-datudou/p/4420438.html