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

    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>
    

      

  • 相关阅读:
    js快速排序
    蛇形数组
    大臣的旅费
    1724ROADS
    2738:实数加法
    完整版高精度计算(整理后的)
    2737:大整数除法
    2980:大整数乘法
    2736大整数减法,3180 整数减法
    2981:大整数加法
  • 原文地址:https://www.cnblogs.com/xiaotudou-datudou/p/4420438.html
Copyright © 2011-2022 走看看