快捷導(dǎo)航

javascript 變速加數(shù)功能實現(xiàn)代碼

更新時間：2009年10月13日 22:01:12 作者：

試想一下你要在你的網(wǎng)站提供如下這樣的功能：提供一個文本框用于收集用戶數(shù)據(jù)，這個文本框只能接受整型的數(shù)值，不提供給用戶手工輸入，只提供兩個按鈕。

用戶單擊其中一個按鈕，可以讓數(shù)字加1，單擊另外一個按鈕則讓數(shù)字減1，如果按住按鈕不放，文本框的數(shù)值會越加越快或越減越快，即變速加數(shù)功能。
比如你打開電腦的“時間和日期屬性”窗口，你按下圖紅框標(biāo)識的上下按鈕調(diào)整時間，試著單擊與按著鼠標(biāo)不放，你會發(fā)現(xiàn)它的功能與我說的一樣（準(zhǔn)確說還是有區(qū)別的，它按下鼠標(biāo)不放加數(shù)速度是快了，但不會越來越快。我的例子是越加越快，這更適合數(shù)值比較大的數(shù)據(jù)提供場合）。

代碼很簡單，都加了注釋，就不知道實現(xiàn)的夠不夠科學(xué)，如果你有更好的建議不妨與我分享。HTML與JavaScript代碼如下：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

作者：WebFlash
出處：http://webflash.cnblogs.com

您可能感興趣的文章:

相關(guān)文章

JS去掉字符串末尾的標(biāo)點符號及刪除最后一個字符的方法
這篇文章主要介紹了JS去掉字符串末尾的標(biāo)點符號及刪除最后一個字符的方法,需要的朋友可以參考下
2017-10-10
Js 回車換行處理的辦法及replace方法應(yīng)用
當(dāng)我們在文本框里輸入文字敲下回車后，希望在提交后網(wǎng)頁也顯示是換行的效果,可往往并不能如愿以償啊，實在是憤怒啊自己寫了一個回車換行處理的函數(shù)，感興趣的朋友可以了解下啊，希望本文對你有所幫助
2013-01-01
微信小程序常用表單組件的使用詳解
本文主要為大家介紹了微信小程序中常用的幾個表單組件的使用方法，例如：button、CheckBox、input、form等，感興趣的可以了解一下
2022-03-03
JavaScript–Apple設(shè)備檢測示例代碼
JavaScript–Apple設(shè)備檢測示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助
2013-11-11
微信小程序Vant組件庫的安裝與使用教程
之前推薦過的移動端web組件庫 Vant是Vue.js版本的,其對內(nèi)承載了有贊所有核心業(yè)務(wù),對外有十多萬開發(fā)者在使用,一直是業(yè)界主流的移動端組件庫之一,下面這篇文章主要給大家介紹了關(guān)于微信小程序Vant組件庫的安裝與使用的相關(guān)資料,需要的朋友可以參考下
2022-09-09
JavaScript實現(xiàn)鼠標(biāo)經(jīng)過表格某行時此行變色
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)鼠標(biāo)經(jīng)過表格某行時此行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JavaScript實現(xiàn)對JSON對象數(shù)組數(shù)據(jù)進(jìn)行分頁處理
這篇文章主要介紹了使用JavaScript實現(xiàn)對JSON對象數(shù)組數(shù)據(jù)進(jìn)行分頁處理,文中有詳細(xì)的代碼示例供大家參考,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下
2024-10-10
實現(xiàn)無刷新聯(lián)動例子匯總
最近在用asp.net做項目的時候，遇到需要實現(xiàn)無刷新聯(lián)動的需求，度娘了一下，這里匯總一下幾個比較實用的例子，有需要的小伙伴可以參考下。
2015-05-05
javascript常用代碼段搜集
這篇文章主要記錄了本人搜集的幾段javascript常用代碼段，都是平時項目中需要用到的,需要的朋友可以參考下
2014-12-12
JS實現(xiàn)打磚塊游戲
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)打磚塊游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-02-02