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>
    

      

  • 相关阅读:
    读《31天学会CRM项目开发》记录4
    乡愁
    C#
    C#
    Redhat 离线安装 Docker (Community from binaries)
    使用FRP做内网穿透
    Windows上的Linux容器
    通过Powershell修改文件默认打开方式
    Office2019 VOL版本 自定义安装组件
    使用 Docker 生成 Let’s Encrypt 证书
  • 原文地址:https://www.cnblogs.com/xiaotudou-datudou/p/4420438.html
Copyright © 2011-2022 走看看