`

ExtJs在网面上面动态显示时间

EXT 
阅读更多

实现代码如下:
//初始化一些变量
var aWeek=['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
var clock = new Ext.Toolbar.TextItem(new Date().format('Y-m-d G:i:s A')+'  '+aWeek[new Date().getDay()]);

//定期更新时间
Ext.TaskMgr.start({
  run: function(){
        Ext.fly(clock.getEl()).update(new Date().format('Y-m-d G:i:s A')+'  '+aWeek[new Date().getDay()]);
  },
  interval: 1000
});
最后把clock放置在一个工具条Toolbar中,就可以在网页上面动态显示时间了.

 

分享到:
评论
2 楼 gdzbgg0931 2012-02-16  
 
1 楼 zhouxiaowen 2011-05-30  

相关推荐

    extjs4.2 分页combo动态条数 源码

    在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...

    extjs时间控件精确秒

    在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...

    extjs 进度条的显示

    本文将深入探讨如何在ExtJS中实现进度条的显示,这是一个在数据加载、文件上传或任何需要用户等待的任务中非常实用的功能。通过理解和应用以下知识点,你可以有效地在你的ExtJS项目中集成进度条,提升用户体验。 ##...

    Extjs动态Grid的生成 htm

    Extjs动态Grid的生成 htm

    ExtJs 动态添加表单

    在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)在ExtJS中的基本概念。表单是数据输入和验证的核心组件,可以包含各种字段类型,如文本框、下拉...

    extjs动态生成表格,前台+后台

    在本文中,我们将深入探讨如何使用ExtJS框架在前端动态生成表格,并结合后端数据进行展示。ExtJS是一个强大的JavaScript库,专用于构建富客户端Web应用程序,尤其在创建交互式用户界面方面表现突出。动态生成表格是...

    extjs 实现动态表头

    动态表头是ExtJS中一个高级特性,它允许开发者根据需要在运行时动态地创建和修改表格的列结构。这在处理数据展示和操作时具有很大的灵活性,尤其在数据字段不确定或需要自定义的情况下非常实用。 标题“extjs 实现...

    使用extjs写的时间轴

    每个事件在时间轴上表示为一个节点或标记,可以通过Ext.container.Container和其子类进行渲染。 4. **时间轴渲染**:事件在时间轴上的位置取决于它们的时间戳。可以使用Ext.util.Date进行日期和时间的处理,计算每...

    extjs3.0 日期时间控件

    标题中的"extjs3.0 日期时间控件"指的是ExtJS 3.0框架中的DateTimeField组件,这是一个组合了日期选择器和时间选择器的控件,允许用户以交互的方式选择精确的日期和时间。这个控件通常用于表单中,提供了一种直观且...

    extjs日期+时间控件

    在ExtJS中,日期和时间控件是非常常用的功能,尤其在处理数据输入和展示时。本文将深入探讨基于ExtJS 4.1版本的日期时间控件及其相关知识点。 1. **ExtJS 4.1**:这是ExtJS的一个主要版本,发布于2012年,提供了...

    extjs年份控件(只显示年,无月日时分秒)

    Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)

    Extjs扩展DateTimeField时间初始化及点击日期显示Bug

    在EXTJS这个强大的JavaScript框架中,开发者经常遇到各种控件的使用问题,特别是涉及到日期时间选择的组件。本文将深入探讨“Extjs扩展DateTimeField时间初始化及点击日期显示Bug”这一主题,帮助开发者解决实际开发...

    Extjs动态加载菜单

    首先,动态加载菜单的概念是指菜单项不是在页面加载时一次性全部显示,而是根据用户的操作或特定条件按需加载。这种设计提高了应用的响应速度,降低了初始加载的资源需求,尤其是在菜单结构复杂或菜单项数量众多时。...

    extjs实现动态树

    动态树(Dynamic Tree)是指在运行时可以动态加载、添加、删除或更新节点的树形控件。在ExtJS中,这种功能主要通过`Ext.tree.TreePanel`或其现代版本`Ext.tree.View`来实现。 一、ExtJS 动态树基础 1. `Ext.tree....

    ExtJs 日期和时间的整合

    在ExtJS中,处理日期和时间是常见的需求,"ExtJS 日期和时间的整合"这一主题主要涉及如何在ExtJS应用中有效地管理和展示日期与时间。 在ExtJS中,日期和时间通常通过`Ext.Date`对象和相关的组件来处理。`Ext.Date`...

    EXTJS时间控件年月日时分秒

    EXTJS提供了丰富的事件系统,如`select`事件,可以在时间选择后触发。 压缩包中的“ExtJS年月日时分秒组件”可能包含了实现这个功能的示例代码,包括EXTJS的配置、布局、样式以及可能的自定义扩展。学习这个组件,...

    ExtJS + JSP动态显示文件上传进度

    ExtJS + JSP 实现表单上传进度条,并且根据上传的字节数动态更新进度条。部署和测试都很简单,直接把progress.zip解压在tomcat/webapps/ROOT下面就可以用http://localhost:8080/upload.html测试。

    ExtJs动态grid的生成

    本文将深入探讨如何在ExtJS中动态生成Grid,这是一个非常实用的功能,可以适应不断变化的数据需求和用户交互。我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味...

    Extjs 5 日期时间控件

    在ExtJS 5中,日期时间控件是开发用户界面时经常会用到的组件,它允许用户选择和输入日期及时间值。本篇文章将深入探讨ExtJS 5的日期时间控件及其特点。 首先,ExtJS 5 的日期时间控件(DateTimeField)结合了日期...

    extjs 日期时间

    ExtJS的组件通常是可配置的,你可以根据需求调整日期时间选择器的样式、显示格式、是否显示时分秒等细节。 在压缩包中的"Datetime"文件很可能是包含了实现日期时间选择器的示例代码和相关的HTML、CSS以及JavaScript...

Global site tag (gtag.js) - Google Analytics