2011-10-10 55 views
0

這可能不是這個問題的地方,但是反正在這裏。使用JS Fiddle的簡單JS定時器

我想了解更多關於JS定時器,並使用JS小提琴來實現此目的。在我的腳本中,我使用了一個將功能綁定到幾個元素的腳本,但是我需要JS Fiddle才能在頁面加載完畢之前執行它,因爲它需要所有元素都被初始化並可用(請參閱我的小提琴:http://jsfiddle.net/radi8/W2b2M/4/ )。這個小提琴是一個非常粗糙的骨架。

腳本的格式如下: 如何讓JS小提琴在所有其他元素完成後才加載?

$(document).ready(function() { 
    var tmr = { 
     init: function(){ 
     }, 
     somefunct1: function(){ 
     }, 
     somefunction2: function(){ 
     } 
    };tmr.init(); 
}); 

任何幫助表示讚賞。

回答

0

document.ready()是很好的方法。但是,您的代碼還存在其他問題。這個函數沒有被正確定義:

function stopTimer { 
    clearInterval(timer); 
} 

應該是:

function stopTimer() { 
    clearInterval(timer); 
} 

此外,startstop.value沒有定義。什麼是startstop假設是?

更新

您使用的.VAL()是不正確等諸多問題(固定):

http://jsfiddle.net/W2b2M/17/

+0

刷新與http://jsfiddle.net/radi8/W2b2M/8/小提琴。看起來我忘了保存我所做的最後編輯(新手錯誤,對不起)。 – radi8

+0

好吧,那好吧。謝謝您的幫助。我最終會得到這個東西。 – radi8

+0

在Chrome,Safari和IE9中使用Firebug(在Firefox中)或其他F-12開發工具確實有幫助。 –

0

檢查這個小提琴:

一個簡單的JavaScript函數設置計時器。

$(document).ready(function() { 
    var input = 120; 

    function calculateTime(timer) { 
     var timer = timer; 
     var mins = Math.floor(timer/60); 
     var secs = timer % 60; 
     var time = (mins < 10 ? "0" : "") + mins + ":" + (secs < 10 ? "0" : "") + secs; 
     return time; 
    }; 

    setInterval(function() { 
     data = calculateTime(input) 
     if (input > 0) 
     { 
      $("#timer").text(data); 
      input--; 
     } 
     else 
     { 
      $("#timer").text("Time Out, Njoy Coding in JavaScript") 
     } 
    }, 1000); 
}); 

http://jsfiddle.net/MUMU1987/sUkjj/