教程集 > jQuery > jquery 教程 > 正文 js 倒计时变速加数效果代码

js 倒计时变速加数效果代码

发布时间：2023-12-21 编辑：jiaochengji.com

教程集为您提供js 倒计时变速加数效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js 倒计时变速加数效果代码资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>变速加数效果</title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">  </head>  <body>    <input type="text" name="textBox" id="textBox" value="1" readonly="true">  <input type="button" name="add" id="add" value="增加" onmousedown="addNum.mouseDownHandle()" onmouseup="addNum.mouseUpHandle()">  点击按钮一次加1，按住按钮不放，数值将会越加越快  <script type="text/javascript">  /**   * 加数类   * @param {String} textBoxId 文本框ID   */  function clsAddNum(textBoxId)  {      var step = 1; //默认步长      var changeStepTimer = null; //改变速度计时器  	var setValueTimer = null; //设置值计时器        	/**  	 * 改变速度私有方法  	 */      var changeStep = function()      {          //每隔1秒速度加5  		changeStepTimer = setInterval(function(){step  = 5}, 1000);      }  	/**  	 * 设置值私有方法  	 */  	var setValue = function()      {          var textValue = parseInt(document.getElementById(textBoxId).value);          document.getElementById(textBoxId).value = textValue   step;  		setValueTimer = setTimeout(setValue,200); //每隔200毫秒更数文本框数值一次      }  	/**  	 * 按下鼠标处理函数  	 */      this.mouseDownHandle = function()      {          changeStep();  		setValue();      }    	/**  	 * 松开鼠标处理函数  	 */      this.mouseUpHandle = function()      {          //停止变速和改变文本框的值  		clearInterval(changeStepTimer);  		clearTimeout(setValueTimer);          step = 1; //恢复默认速度      }  }  //实例化类  var addNum = new clsAddNum('textBox');  </script>  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
JS倒计时代码(可随时点击停止)
js实现的页面载入倒计时的代码
 倒计时60秒刷新网页的js实现代码
 jQuery倒计时代码两款实时网页倒计时代码
 js 点击注册按钮开始读秒倒计时的实例代码
 Jquery实现团购倒计时的代码
 jquery 手机发送验证码倒计时实现代码
 js 延迟加载提高网页加载速度的实现方法
 javascript中interval与setTimeOut区别
 jQuery动态倒计时插件实例代码

上一篇：图片特效-鼠标滑过图片放大效果下一篇：js 鼠标滑过图片放大效果

[关闭]

js 倒计时变速加数效果代码

最近更新

浏览排行