网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json_js 倒计时变速加数效果代码
json_js 倒计时变速加数效果代码
发布时间:2018-03-28
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
变速加数效果
点击按钮一次加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>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/22249/
上一篇:
[select 默认选中]select multi 选择框操作类
下一篇:
【json】js 缓冲效果代码
相关推荐
phpstudy_php 目录递归函数-列出所文件与目录
[php定时任务]php定时自动生成html静态页面
[导航菜单横向左右滑动]导航菜单-左则多层树形下拉菜单
怎么让google收录网站|怎么让google收录你的新站
css滑动门代码|CSS滑动门技术教程
[select 默认选中]select multi 选择框操作类
[带关闭按钮js弹出对话框]带关闭按钮js弹出层代码
ie6下png图片透明解决方法_ie6下png图片透明解决方案
新网站如何做好推广_新网站如何优化
免费1g100m|免费1g/100g/php/cgi/mysql/ftp/domain学习空间
网友关注
【单选框和复选框的区别】点击单选框切换效果
【php删除数组指定元素】php删除数组重复值代码
【免费100吗】免费100m/asp/php/无广告空间
【如何选择合适的内衣】如何给网站选择合适关键词
[phpstudy]php 删除二维数据重复值
【个人向国外汇款】国外免费个人主页空间-免费5g/50g/php/mysql/ftp
[seo优化]seo优化如何突破网站流量瓶颈
css下拉菜单代码_css下拉菜单被flash挡住解决办法
【json】js title及alt提示个性化提示特效
[如何提高网站在百度中的应用]如何提高网站在百度中的收录量
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
【json】js 缓冲效果代码
js教程
[json]js mouseover和mouseout实例
js教程
[json]js div图片不撑开div
js教程
【json】js getElementById 实例教程
js教程
phpstudy|php session页面间传递变量的问题
js教程
json_js 设置文章字体大小代码
js教程
json_js 鼠标划过变化背景色代码
js教程
【json】js 同时提交数据给二个页面
js教程
js只能输入数字_js限制只能输入ip文本框代码
js教程
json_js 控制表格隔行换色代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有