JS控制按鈕10秒鐘后可用的方法

更新時間：2015年12月22日 11:40:21 作者：Autumoon

這篇文章主要介紹了JS控制按鈕10秒鐘后可用的方法,涉及JavaScript基于時間函數(shù)控制頁面元素樣式動態(tài)變換的技巧,需要的朋友可以參考下

本文實例講述了JS控制按鈕10秒鐘后可用的方法。分享給大家供大家參考，具體如下：

<script language="javascript">
function start()
{
  document.getElementById("Button1").disabled = true;
  document.getElementById("Button1").value = 10;
  window.setTimeout("tick()",1000);
}
function tick()
{
  var time = new Number(document.getElementById("Button1").value);
  if(time>0)
  {
    document.getElementById("Button1").value = time-1;
    window.setTimeout("tick()",1000);
  }
  else
  {
    document.getElementById("Button1").disabled = false;
    document.getElementById("Button1").value = "保存";
  }
}
</script>
<form>
<INPUT TYPE="button" NAME="Button1" id="Button1">
</form>
<script language=javascript>
 start();
</script>

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

JS
按鈕

js-FCC算法-No repeats please字符串的全排列(詳解)
下面小編就為大家?guī)硪黄猨s-FCC算法-No repeats please字符串的全排列(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
layui 點擊重置按鈕, select 并沒有被重置的解決方法
今天小編就為大家分享一篇layui 點擊重置按鈕, select 并沒有被重置的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
ajax在js中和jQuery中的用法實例詳解
Ajax被認為是(Asynchronous(異步) JavaScript And Xml的縮寫）,現(xiàn)在允許瀏覽器與服務器通信而無須刷新當前頁面的技術都被叫做Ajax,下面這篇文章主要給大家介紹了關于ajax在js中和jQuery中的用法,需要的朋友可以參考下
2021-08-08
js中requestAnimationFrame()解讀與使用示例
requestAnimationFrame()是JavaScript中用于創(chuàng)建高效、流暢動畫的核心方法,它與瀏覽器的重繪過程同步,確保每次動畫更新都與顯示器刷新率同步,下面就來一起了解一下
2024-09-09
通過JS深度判斷兩個對象字段相同
這篇文章主要介紹了通過JS深度判斷兩個對象字段相同，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，,需要的朋友可以參考下
2019-06-06
移動端效果之IndexList詳解
這篇文章主要為大家詳細介紹了移動端效果之IndexList，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
js 立即調(diào)用的函數(shù)表達式如何寫
如果不需要顯示調(diào)用函數(shù)，讓這個函數(shù)在定義的時候就執(zhí)行的話，該如何寫才可以呢，下面為大家介紹下具體的實現(xiàn)步驟，喜歡的朋友可以了解下
2014-01-01
javascript滾輪事件基礎實例講解（37）
這篇文章主要為大家詳細介紹了javascript滾輪事件基礎實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
判斷滾動條到底部的JS代碼
這篇文章介紹了判斷滾動條到底部的JS代碼，有需要的朋友可以參考一下
2013-11-11
JS實現(xiàn)掃碼槍掃描二維碼功能
這篇文章主要介紹了JS實現(xiàn)掃碼槍掃描二維碼功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2020-01-01