JS控制按钮10秒钟后才能正常使用~

最新推荐文章于 2024-07-12 11:16:51 发布

转载最新推荐文章于 2024-07-12 11:16:51 发布 · 550 阅读

文章标签：

#button

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的JavaScript脚本实现网页按钮的倒计时功能，并在倒计时期间禁用该按钮，直至倒计时结束。通过修改按钮的值来显示剩余时间，并在倒计时结束后重新启用按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

< 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 >