如何使用 dojo 或 dijit 顯示時間/時鍾？

Question

基本上，我只需要在 html 輸入文本框中顯示當前時間（hh:mm:ss am/pm 格式）。 並且由於這將用作時鍾，因此時間應在顯示時繼續計數/移動。

我可以在普通的 javascript 中做到這一點，但我希望看到一個 dojo/dijit 實現。

謝謝！

Answer 1

這是一個您可以重復使用的示例。

您也可以使用dojox.timing.Timer自行實現。

dojo.require('dojox.timing');
t = new dojox.timing.Timer(1000);
t.onTick = function() {
   //One second elapsed
   var now = new Date();
   //format now using dojo.date.locale.format
   //update your text box with the result
}
t.onStart = function() {
   //Do whatever setup is needed
}
t.start();

dojo.date.locale.format的幾個例子。

Answer 2

看下面的代碼：

var myTime = new dijit.form.TimeTextBox({
    value: new Date()
    constraints: {
        timePattern: 'hh:mm:ss a',
    },
    id: "timeTb"
}, dojo.byId("timeDiv"));

var elem = document.getElementById("timeTb");
setInterval(function(){
    dijit.byId("timeTb").setValue(new Date());
}, 1000);

Answer 3

對於極簡主義方法，您可能只需通過輸入控件和對 dojo.date.locale.format 的 setTimeout 調用來實現此目的。 您在這里不一定需要 DojoX/Dijit 抽象，盡管一些 dojox.timing 代碼可能很有用。