如何使用dojo或dijit显示时间/时钟?

时间:2011-07-11 15:43:47

标签: javascript dojo clock

基本上,我只需要在html输入文本框中显示当前时间(hh:mm:ss am / pm格式)。由于这将作为一个时钟,时间应该继续计数/继续显示。

我可以在普通的javascript中执行此操作,但我希望看到dojo / dijit实现。

谢谢!

3 个答案:

答案 0 :(得分:2)

以下是您可以重复使用的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的几个例子。

答案 1 :(得分:0)

对于极简主义方法,您可能只需使用输入控件和对dojo.date.locale.format的setTimeout调用即可实现此目的。这里不一定需要DojoX / Dijit抽象,尽管一些dojox.timing代码可能很有用。

答案 2 :(得分:0)

请看下面的代码:

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