javascript 變速加數(shù)功能實(shí)現(xiàn)代碼
更新時(shí)間：2009年10月13日 22:01:12 作者：
試想一下你要在你的網(wǎng)站提供如下這樣的功能：提供一個(gè)文本框用于收集用戶數(shù)據(jù)，這個(gè)文本框只能接受整型的數(shù)值，不提供給用戶手工輸入，只提供兩個(gè)按鈕。
用戶單擊其中一個(gè)按鈕，可以讓數(shù)字加1，單擊另外一個(gè)按鈕則讓數(shù)字減1，如果按住按鈕不放，文本框的數(shù)值會(huì)越加越快或越減越快，即變速加數(shù)功能。
比如你打開電腦的“時(shí)間和日期屬性”窗口，你按下圖紅框標(biāo)識(shí)的上下按鈕調(diào)整時(shí)間，試著單擊與按著鼠標(biāo)不放，你會(huì)發(fā)現(xiàn)它的功能與我說(shuō)的一樣（準(zhǔn)確說(shuō)還是有區(qū)別的，它按下鼠標(biāo)不放加數(shù)速度是快了，但不會(huì)越來(lái)越快。我的例子是越加越快，這更適合數(shù)值比較大的數(shù)據(jù)提供場(chǎng)合）。
代碼很簡(jiǎn)單，都加了注釋，就不知道實(shí)現(xiàn)的夠不夠科學(xué)，如果你有更好的建議不妨與我分享。HTML與JavaScript代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
作者：WebFlash
出處：http://webflash.cnblogs.com
比如你打開電腦的“時(shí)間和日期屬性”窗口，你按下圖紅框標(biāo)識(shí)的上下按鈕調(diào)整時(shí)間，試著單擊與按著鼠標(biāo)不放，你會(huì)發(fā)現(xiàn)它的功能與我說(shuō)的一樣（準(zhǔn)確說(shuō)還是有區(qū)別的，它按下鼠標(biāo)不放加數(shù)速度是快了，但不會(huì)越來(lái)越快。我的例子是越加越快，這更適合數(shù)值比較大的數(shù)據(jù)提供場(chǎng)合）。
代碼很簡(jiǎn)單，都加了注釋，就不知道實(shí)現(xiàn)的夠不夠科學(xué)，如果你有更好的建議不妨與我分享。HTML與JavaScript代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
作者：WebFlash
出處：http://webflash.cnblogs.com
相關(guān)文章
javascript里模擬sleep(兩種實(shí)現(xiàn)方式)
有幾種方式，但都不完美 其一:不斷循環(huán)，直到達(dá)到指定時(shí)間、其二:用xhr同步請(qǐng)求后臺(tái)程序，比如傳2000過(guò)去，后臺(tái)就sleep 2秒后再返回，這種方式也有缺點(diǎn)，當(dāng)N多客戶端都請(qǐng)求后臺(tái)時(shí)，一直保持連接http開銷很大,感興趣的朋友可以了解下啊2013-01-01
微信小程序?qū)崿F(xiàn)通過(guò)js操作wxml的wxss屬性示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)通過(guò)js操作wxml的wxss屬性,結(jié)合實(shí)例形式分析了微信小程序使用js操作wxml的wxss屬性相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
JS寫XSS cookie stealer來(lái)竊取密碼的步驟詳解
JavaScript是web中最常用的腳本開發(fā)語(yǔ)言，js可以自動(dòng)執(zhí)行站點(diǎn)組件，管理站點(diǎn)內(nèi)容，在web業(yè)內(nèi)實(shí)現(xiàn)其他有用的函數(shù)。這篇文章主要介紹了JS寫XSS cookie stealer來(lái)竊取密碼的步驟詳解,需要的朋友可以參考下2017-11-11
Javascript實(shí)現(xiàn)秒表計(jì)時(shí)游戲
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)秒表計(jì)時(shí)游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉?duì)象的3種方法,在JavaScript中對(duì)象可以通過(guò)兩種方法添加對(duì)象,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-07-07
原生js實(shí)現(xiàn)可愛(ài)糖果數(shù)字時(shí)間特效
本文主要介紹了原生js實(shí)現(xiàn)可愛(ài)糖果數(shù)字時(shí)間特效的實(shí)例代碼，附效果展示和代碼演示。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2016-12-12
菜鳥也能搞懂js中typeof與instanceof區(qū)別
instanceof和typeof是兩個(gè)運(yùn)算符，在程序設(shè)計(jì)中用到，常用來(lái)判斷一個(gè)變量是否為空，或者是什么類型的，本文就來(lái)介紹一下typeof與instanceof區(qū)別，感興趣的可以了解一下2021-09-09
Ajax是一種技術(shù)，一種能夠向服務(wù)器請(qǐng)求額外的數(shù)據(jù)而無(wú)需卸載頁(yè)面的技術(shù)，能夠使網(wǎng)頁(yè)具備更優(yōu)的用戶體驗(yàn)。Ajax技術(shù)的核心是XMLHttpRequest對(duì)象（XHR）。本文從XHR開始談起，理解Ajax技術(shù)的特點(diǎn)，再對(duì)跨域以及Comet等技術(shù)進(jìn)行簡(jiǎn)要理解和總結(jié)。下面跟著小編一起來(lái)看下吧2017-02-02
這篇文章主要介紹了js中比較兩個(gè)對(duì)象是否相同的方法,結(jié)合實(shí)例形式詳細(xì)分析了js對(duì)象遍歷、判斷等相關(guān)操作技巧,需要的朋友可以參考下2019-09-09
本網(wǎng)站的javascript程序架構(gòu)從以下幾個(gè)基本點(diǎn)出發(fā)2008-10-10