脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS控制按钮10秒钟后可用

JS控制按钮10秒钟后可用的方法

 更新时间：2015年12月22日 11:40:21   作者：Autumoon  
这篇文章主要介绍了JS控制按钮10秒钟后可用的方法,涉及JavaScript基于时间函数控制页面元素样式动态变换的技巧,需要的朋友可以参考下

本文实例讲述了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-FCC算法-No repeats please字符串的全排列(详解)

    js-FCC算法-No repeats please字符串的全排列(详解)

    下面小编就为大家带来一篇js-FCC算法-No repeats please字符串的全排列(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • layui 点击重置按钮, select 并没有被重置的解决方法

    layui 点击重置按钮, select 并没有被重置的解决方法

    今天小编就为大家分享一篇layui 点击重置按钮, select 并没有被重置的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • ajax在js中和jQuery中的用法实例详解

    ajax在js中和jQuery中的用法实例详解

    Ajax被认为是(Asynchronous(异步) JavaScript And Xml的缩写）,现在允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax,下面这篇文章主要给大家介绍了关于ajax在js中和jQuery中的用法,需要的朋友可以参考下
    2021-08-08
  • js中requestAnimationFrame()解读与使用示例

    js中requestAnimationFrame()解读与使用示例

    requestAnimationFrame()是JavaScript中用于创建高效、流畅动画的核心方法,它与浏览器的重绘过程同步,确保每次动画更新都与显示器刷新率同步,下面就来一起了解一下
    2024-09-09
  • 通过JS深度判断两个对象字段相同

    通过JS深度判断两个对象字段相同

    这篇文章主要介绍了通过JS深度判断两个对象字段相同，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，,需要的朋友可以参考下
    2019-06-06
  • 移动端效果之IndexList详解

    移动端效果之IndexList详解

    这篇文章主要为大家详细介绍了移动端效果之IndexList，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-10-10
  • js 立即调用的函数表达式如何写

    js 立即调用的函数表达式如何写

    如果不需要显示调用函数， 让这个函数在定义的时候就执行的话， 该如何写才可以呢，下面为大家介绍下具体的实现步骤，喜欢的朋友可以了解下
    2014-01-01
  • javascript滚轮事件基础实例讲解（37）

    javascript滚轮事件基础实例讲解（37）

    这篇文章主要为大家详细介绍了javascript滚轮事件基础实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 判断滚动条到底部的JS代码

    判断滚动条到底部的JS代码

    这篇文章介绍了判断滚动条到底部的JS代码，有需要的朋友可以参考一下
    2013-11-11
  • JS实现扫码枪扫描二维码功能

    JS实现扫码枪扫描二维码功能

    这篇文章主要介绍了JS实现扫码枪扫描二维码功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-01-01

最新评论