欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • javascript里模擬sleep(兩種實現(xiàn)方式)

    javascript里模擬sleep(兩種實現(xiàn)方式)

    有幾種方式,但都不完美 其一:不斷循環(huán),直到達到指定時間、其二:用xhr同步請求后臺程序,比如傳2000過去,后臺就sleep 2秒后再返回,這種方式也有缺點,當(dāng)N多客戶端都請求后臺時,一直保持連接http開銷很大,感興趣的朋友可以了解下啊
    2013-01-01
  • 微信小程序?qū)崿F(xiàn)通過js操作wxml的wxss屬性示例

    微信小程序?qū)崿F(xiàn)通過js操作wxml的wxss屬性示例

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)通過js操作wxml的wxss屬性,結(jié)合實例形式分析了微信小程序使用js操作wxml的wxss屬性相關(guān)原理、實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下
    2018-12-12
  • JS寫XSS cookie stealer來竊取密碼的步驟詳解

    JS寫XSS cookie stealer來竊取密碼的步驟詳解

    JavaScript是web中最常用的腳本開發(fā)語言,js可以自動執(zhí)行站點組件,管理站點內(nèi)容,在web業(yè)內(nèi)實現(xiàn)其他有用的函數(shù)。這篇文章主要介紹了JS寫XSS cookie stealer來竊取密碼的步驟詳解,需要的朋友可以參考下
    2017-11-11
  • Javascript實現(xiàn)秒表計時游戲

    Javascript實現(xiàn)秒表計時游戲

    這篇文章主要為大家詳細(xì)介紹了Javascript實現(xiàn)秒表計時游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • JS中向?qū)ο笾刑砑訉ο蟮?種方法

    JS中向?qū)ο笾刑砑訉ο蟮?種方法

    這篇文章主要給大家介紹了關(guān)于JS中向?qū)ο笾刑砑訉ο蟮?種方法,在JavaScript中對象可以通過兩種方法添加對象,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-07-07
  • 原生js實現(xiàn)可愛糖果數(shù)字時間特效

    原生js實現(xiàn)可愛糖果數(shù)字時間特效

    本文主要介紹了原生js實現(xiàn)可愛糖果數(shù)字時間特效的實例代碼,附效果展示和代碼演示。具有一定的參考價值,下面跟著小編一起來看下吧
    2016-12-12
  • 菜鳥也能搞懂js中typeof與instanceof區(qū)別

    菜鳥也能搞懂js中typeof與instanceof區(qū)別

    instanceof和typeof是兩個運算符,在程序設(shè)計中用到,常用來判斷一個變量是否為空,或者是什么類型的,本文就來介紹一下typeof與instanceof區(qū)別,感興趣的可以了解一下
    2021-09-09
  • Ajax和Comet技術(shù)總結(jié)

    Ajax和Comet技術(shù)總結(jié)

    Ajax是一種技術(shù),一種能夠向服務(wù)器請求額外的數(shù)據(jù)而無需卸載頁面的技術(shù),能夠使網(wǎng)頁具備更優(yōu)的用戶體驗。Ajax技術(shù)的核心是XMLHttpRequest對象(XHR)。本文從XHR開始談起,理解Ajax技術(shù)的特點,再對跨域以及Comet等技術(shù)進行簡要理解和總結(jié)。下面跟著小編一起來看下吧
    2017-02-02
  • js中比較兩個對象是否相同的方法示例

    js中比較兩個對象是否相同的方法示例

    這篇文章主要介紹了js中比較兩個對象是否相同的方法,結(jié)合實例形式詳細(xì)分析了js對象遍歷、判斷等相關(guān)操作技巧,需要的朋友可以參考下
    2019-09-09
  • javascript引導(dǎo)程序

    javascript引導(dǎo)程序

    本網(wǎng)站的javascript程序架構(gòu)從以下幾個基本點出發(fā)
    2008-10-10

最新評論