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


    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>
    

      

  • 相关阅读:
    二叉树
    bfs
    E-Gold Coins
    D-We Love MOE Girls
    A
    哈希--查找出现过的数字
    二分查找
    KMP简单应用
    KMP算法(2)
    [JSOI2008]最大数
  • 原文地址:https://www.cnblogs.com/xiaotudou-datudou/p/4420438.html
Copyright © 2020-2023  润新知