当前位置：文江博客话题详情

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

发布于 2024-11-19 06:09:14 字数 148 浏览 2 评论 0原文

基本上，我只需要在 html 输入文本框中显示当前时间（hh:mm:ss am/pm 格式）。由于这将用作时钟，因此时间在显示时应继续计数/移动。

我可以用普通的 javascript 来完成此操作，但我希望看到 dojo/dijit 实现。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

信愁 2024-11-26 06:09:14

这是一个您可以重复使用的示例。

您也可以使用 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。

Here is an example that you may reuse.

You could also implement this on your own, using 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();

A couple of examples for dojo.date.locale.format.

回复收藏 0 原文

蘸点软妹酱 2024-11-26 06:09:14

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

回复收藏 0 原文

故笙诉离歌 2024-11-26 06:09:14

看下面的代码：

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

Look at the code below:

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

回复收藏 0 原文

~没有更多了~