Question

我是HTML编码新手。我想要以下HTML代码：说我有两个按钮，Button1和Button2。最初启用Button1并禁用Button2。打开单击Button1，标签应显示值1,2，（比如时间标记）。一旦达到30秒，则应启用Button2。如何为上面的HTML代码编写？我期待这样的代码：

<html>
<head>
</head>
<body>
<form>
<button type="button" name="button1" enabled="enabled" onclick="WaitLoad()">Click Button1</button>
<br/>
<br/>
<label> name="Label1"></label>
<br/>
<br/>
<button type="button" name="button2" disabled="disabled">Click Button2</button>
</form>
<script type="text/vbscript">
sub WaitLoad()
{
    for i=1 to 30
        Label1.text=i
    next
    button2.enable=true
}
</body>
</html>

Answer 1

默认情况下，启用了一个按钮或任何输入元素，因此只有在禁用该元素时才需要指定元素已启用。

你的逻辑很好，但是在实际编写HTML / JS时你会发现一些事情。

Javascript有一个名为setTimeout的功能，可以很好地为您服务。

setTimeout在经过一段时间后执行一些代码，因此您可以执行以下操作;

<html>
<head>
<script type="text/javascript">
function WaitLoad()
{
    setTimeout("document.getElementById('button2').disabled=false",30000);
}
</script>
</head>
<body>
    <form>
        <button type="button" name="button1" onclick="WaitLoad()">Click Button1</button>
        <br/>
        <br/>
        <label name="Label1"></label>
        <br/>
        <br/>
        <button type="button" name="button2" id="button2" disabled="disabled">Click Button2</button>
    </form>
</body>
</html>

30000 = 30秒（setTimeout必须以毫秒为单位的等待时间）最佳做法是将您编写/添加的任何javascript函数添加到HTML的头部。

网上有很多教程可以教你编写HTML的基础知识，以及不做的事情

Answer 2

首先，没有像button.in onclick函数那样的启用属性，使用 setTimeout(code, millisec)

代码：必填。将要执行的功能

millisec ：必填。执行代码之前等待的毫秒数

setTimeout(function() {
    document.getElementsByName('button2')[0].disabled = false;
} ,30000);

如何编写HTML代码

2 个答案: