首页 > 其他 > 详细

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

时间:2015-04-12 21:00:08      阅读:394      评论:0      收藏:0      [点我收藏+]

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>

  

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!