dojoまたはdijitを使って時間/時計を表示する方法は？

Question

基本的には、html入力テキストボックス内に現在の時刻（hh：mm：ss am/pm形式）を表示するだけです。これは時計として機能するので、表示されている間、時間は計数/移動を続けなければなりません。

これは普通のjavascriptで行うことができますが、私はdojo/dijitの実装を見たいと思います。

ありがとうございます！

Answer 1

ここには再利用できるexampleがあります。

これは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の2つの例です。

Answer 2

最小限のアプローチでは、おそらく入力コントロールとdojo.date.locale.formatのsetTimeout呼び出しでこれを達成できます。 DojoX/Dijitの抽象概念は必ずしも必要ではありませんが、dojox.timingコードのいくつかは便利です。以下のコードで

Answer 3

ルック：

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);