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

javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法

 更新時間：2015年05月13日 11:25:47   作者：永遠(yuǎn)愛好寫程序  
這篇文章主要介紹了javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法,涉及javascript時間及樣式操作的相關(guān)技巧,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)十秒鐘后注冊按鈕可點(diǎn)擊的方法。分享給大家供大家參考。具體分析如下：

1.注冊按鈕初始狀態(tài)為不可用,disabled
2.啟動定時器，setInterval,1秒鐘運(yùn)行一次CountDown方法，設(shè)定一個初始值為10的全局變量,
 在CountDown方法中對全局變量倒數(shù),然后將倒數(shù)的值寫到注冊按鈕上(請仔細(xì)閱讀協(xié)議(還剩8秒))。
3.直到全局變量的值<=0,就讓注冊按鈕可用，將按鈕的文本設(shè)置為"同意!"

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 var MyCount = 10;
 var intervalID;
 function CountDown() {
  var btnReg = document.getElementById("btnReg");
  if (btnReg) {
  //此處要加上btnReg是否為空的判斷，
  //因?yàn)橛锌赡芫W(wǎng)速很慢,setInterval后，btnReg按鈕還沒加載
  if (MyCount <= 0) {
   btnReg.disabled = ""; //或者btnReg.disabled="disabled"也可以
   btnReg.value = "同意";
   clearInterval(intervalID); //清除定時器
  }
  else {
   btnReg.value = "請仔細(xì)閱讀協(xié)議(還剩" + MyCount + "秒)";
   MyCount--;
  }
  }
 }
 intervalID=setInterval("CountDown()", 1000);
 </script>
</head>
<body>
 <textarea>請同意本站的協(xié)議</textarea><br />
 <input id="btnReg" type="button" value="同意" disabled="disabled" />
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • Rollup處理并打包JS文件項(xiàng)目實(shí)例代碼

    Rollup處理并打包JS文件項(xiàng)目實(shí)例代碼

    rollup是一款用來es6模塊打包代碼的構(gòu)建工具(支持css和js打包)。這篇文章主要介紹了Rollup處理并打包JS文件項(xiàng)目實(shí)例,需要的朋友可以參考下
    2018-05-05
  • JS中async/await實(shí)現(xiàn)異步調(diào)用的方法

    JS中async/await實(shí)現(xiàn)異步調(diào)用的方法

    這篇文章主要介紹了async/await實(shí)現(xiàn)異步調(diào)用的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-08-08
  • bootstrap輪播圖示例代碼分享

    bootstrap輪播圖示例代碼分享

    這篇文章主要為大家詳細(xì)介紹了bootstrap輪播圖示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-05-05
  • JS Tween 顏色漸變

    JS Tween 顏色漸變

    從我寫的as tween改寫的，基本功能跟as里面寫的一樣，只是沒有擴(kuò)展特定功能的接口（比如alpha2，move2，size2，color2等接口,這些在as tween里面都有實(shí)現(xiàn)）。
    2008-12-12
  • 幾個比較實(shí)用的JavaScript 測試及效驗(yàn)工具

    幾個比較實(shí)用的JavaScript 測試及效驗(yàn)工具

    JavaScript 是一款強(qiáng)大的廣泛運(yùn)用于現(xiàn)代Web站點(diǎn)及應(yīng)用的腳本語言。作為一個技藝精湛的 Web 開發(fā)者，掌握J(rèn)avaScript可以增強(qiáng)用戶的使用體驗(yàn)，提供交互及富客戶端等功能。
    2010-04-04
  • IE8 內(nèi)存泄露(內(nèi)存一直增長 )的原因及解決辦法

    IE8 內(nèi)存泄露(內(nèi)存一直增長 )的原因及解決辦法

    最近開發(fā)的時候?qū)撁媸褂昧硕〞r的局部更新，結(jié)果在ie6，7和Firefox下，一切正常，而在ie8下過上幾個小時就瀏覽器就崩潰了，顯示是內(nèi)存溢出，下面由腳本之家小編給大家介紹ie8下內(nèi)存一直增長內(nèi)存泄漏的原因及解決辦法，需要的朋友一起學(xué)習(xí)吧
    2016-04-04
  • 解決axios會發(fā)送兩次請求,有個OPTIONS請求的問題

    解決axios會發(fā)送兩次請求,有個OPTIONS請求的問題

    這篇文章主要介紹了解決axios會發(fā)送兩次請求,有個OPTIONS請求的問題,需要的朋友可以參考下
    2018-10-10
  • uniapp跨頁面?zhèn)鲄⒌膸追N方式小結(jié)

    uniapp跨頁面?zhèn)鲄⒌膸追N方式小結(jié)

    當(dāng)我們在開發(fā)Uni-app應(yīng)用時,經(jīng)常會遇到需要在不同頁面之間傳遞參數(shù)的情況,為了實(shí)現(xiàn)跨頁面?zhèn)鲄?Uni-app提供了幾種方式,所以本文小編將給大家介紹一下uniapp跨頁面?zhèn)鲄⒌膸追N方式,文中有詳細(xì)的代碼示例供大家參考,需要的朋友可以參考下
    2024-01-01
  • 微信小程序?qū)崿F(xiàn)美團(tuán)菜單

    微信小程序?qū)崿F(xiàn)美團(tuán)菜單

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)美團(tuán)菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-06-06
  • switch語句的妙用(必看篇)

    switch語句的妙用(必看篇)

    下面小編就為大家?guī)硪黄猻witch語句的妙用(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-10-10

最新評論