javascript 倒數計時按鈕

我係google 搵過..但始終搵唔到岩用

有無大哥可以良一下

我想係..要手動按左按鈕--->按鈕會倒數-->之後就彈出一個網頁或會在我設定有下角框架出現我指定網頁 ,thanks

<script type='text/javascript'>
var time=10000;//設定倒數10秒
function DisableEnable(objid){
      if(time<=0){
            document.getElementById(objid).value='You can click again';
            document.getElementById(objid).disabled=false;
      }else{
            document.getElementById(objid).disabled = true;
            document.getElementById(objid).value = (time/1000) + " sec...";
            setTimeout("DisableEnable('" + objid + "')",1000);
      }
      time-=1000;
}
</script>

<body>
<input type=button value="Click me" id=button1 onclick=DisableEnable(this.id)>
</body>
[/code]

0

0

icarus-c

進階會員

Rank: 3 Rank: 3 Rank: 3

2^#

發表於 2012-11-25 13:10 | 只看該作者

回復 1# uhang

should have used time event/handler
http://www.w3schools.com/js/js_timing.asp

and note that javascript timer event is not that accurate
http://www.sitepoint.com/creating-accurate-timers-in-javascript/

TOP

lancon13

初級會員

Rank: 1

3^#

發表於 2012-11-26 11:54 | 只看該作者

Try this below

<input id="countdown-button" type="button" value="Start" onclick="startCountDown()" />
<script>

// Number of counts
var count = 10;
// How many second per count
var duration = 1000; // 1 sec

// Fucnction start the countdown
var startCountDown = function()
{
var e = document.getElementById('countdown-button'); // Button reference
e.value = count;
e.disabled = true;

// Loop by setTimeout until the requirement satisfy
var loop = function(){
e.value = --count; // Take one count at a time
if ( count > 0 ) // Not meet requirement, Continue the loop
setTimeout(loop, duration);
else // Done
{
// *** Do whatever you want to do below when done. ***
e.value = 'Done';
//window.open('http://www.google.com');
}
};
setTimeout(loop, duration);
}

// Enable the button initially
document.getElementById('countdown-button').disabled = false;

</script>

TOP

uhang

中級會員

Rank: 2 Rank: 2

4^#

發表於 2012-11-27 23:56 | 只看該作者

成功了 ! 我想問有無可能在倒數時加個中文字係
餘下 X 秒謝謝

TOP

icarus-c

進階會員

Rank: 3 Rank: 3 Rank: 3

5^#

發表於 2012-11-28 18:58 | 只看該作者

回復 4# uhang

yes. have a <div> with an ID, then in your loop function (the function that is invoked by the timer), do a getElementByID and modifer its inner HTML

TOP

lancon13

初級會員

Rank: 1

6^#

發表於 2012-11-29 16:54 | 只看該作者

var loop = function(){
                     e.value = '餘下 '+(--count)+' 秒'; // Take one count at a time
                     if ( count > 0 ) // Not meet requirement, Continue the loop
                              setTimeout(loop, duration);
                     else // Done
                     {
                              // *** Do whatever you want to do below when done. ***
                              e.value = 'Done';
                              //window.open('http://www.google.com');
                     }
            };

TOP

uhang