2012-10-17 141 views
-2

我是HTML編碼新手。 我想要有HTML代碼如下: 說我有兩個按鈕,Button1和Button2。最初啓用Button1並禁用Button2。打開Button1,應該顯示一個標籤值爲1,2(如時間標籤)。一旦達到了30秒,那麼Button2應該被啓用。 如何編寫上面的HTML代碼? 我期待這樣的代碼:如何編寫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> 
+2

1.沒有稱爲「已啓用」的屬性。 2.使用JavaScript,除非您希望您的代碼只能在Internet Explorer中工作。 –

+1

請開始使用JavaScript進行客戶端編碼。 99.9999999999%人和瀏覽器支持Javascript –

+0

在這裏你可以找到有關計時事件在JS的信息:http://www.w3schools.com/js/js_timing.asp – User404

回答

0

默認按鈕,或任何輸入元素被激活,所以您不需要指定元素啓用時,只有當元素被禁用。

你的邏輯是好的,但只是一些事情,你會拿起實際編寫HTML/JS ..

JavaScript有一個叫做setTimeout功能,這將完全爲你工作的時候。

setTimeout在timeperiod過去後執行一些代碼,所以您可以執行以下操作;

<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的基礎知識,並做和不該做的

0

首先是有沒有所謂的這樣的東西能作爲屬性用於button.in的onclick功能, 使用setTimeout(code, millisec)

代碼必需。將執行的功能

millisec:必需。在執行代碼之前要等待的毫秒數

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