EXTJS4.2 时间动态刷新显示

function clockGo() {
    Ext.TaskManager.start({
        run: function () {
            //Ext.getCmp("clock").setText(Ext.Date.format(new Date(), ‘g:i:s A‘));
            var showtime = document.getElementById("time");
            var now = new Date();
            var date = now.toLocaleString();// //获取日期与时间 如 2014年6月25日 下午4:45:06
            var hours = now.getHours();
            var minutes = now.getMinutes();
            var seconds = now.getSeconds();
            if (hours < 10) hours = "0" + hours;
            if (minutes < 10) minutes = "0" + minutes;
            if (seconds < 10) seconds = "0" + seconds;
            //var timestr = hours + ":" + minutes + ":" + seconds;
            var timestr = date ;
            showtime.innerHTML = timestr;
        },
        interval: 1000//每秒刷新一次
    });
}

//顶部面板
var north = new Ext.Panel({
    frame: true,
    plain: true,
    height: 56,
    border: false,
    region: ‘north‘,
    items: [{
        baseCls: ‘x-plain‘,
        border: false,
        height: 56,
        html: " <TABLE cellSpacing=0 cellPadding=0 width=100% background=‘/images/header_bg.jpg‘ border=0> <TR height=56><TD width=260><IMG height=56 src=‘/images/header_left.jpg‘ width=260></TD><TD style=‘FONT-WEIGHT: bold; COLOR: #fff; PADDING-TOP: 20px‘ align=right>当前时间:<span id=time></span>&nbsp;&nbsp;</div>当前用户:admin &nbsp;&nbsp; <A style=‘COLOR: #fff‘ href=‘‘>修改口令</A> &nbsp;&nbsp; <A style=‘COLOR: #fff‘ onclick=‘if (confirm(‘确定要退出吗?‘)) return true; else return false;‘ href=‘‘ target=_top>退出系统</A> </TD><TD align=right width=268><IMG height=56 src=‘/images/header_right.jpg‘ width=268></TD></TR></TABLE><TABLE cellSpacing=0 cellPadding=0 width=100% border=0><TR bgColor=#1c5db6 height=4><TD></TD></TR></TABLE>"
    }],
    listeners: {
        ‘render‘: function () {
            clockGo();
        }
    }
});
时间: 2024-10-03 10:29:47

EXTJS4.2 时间动态刷新显示的相关文章

js实现页面时间动态变化

利用函数嵌套和setTimeout函数实现时间动态变化 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.ge

Js多国时间动态更新

Js多国时间动态更新 点击下载

按时间动态生成分区脚本

--生成分区脚本 DECLARE @DataBaseName NVARCHAR(50)--数据库名称 DECLARE @TableName NVARCHAR(50)--表名称 DECLARE @ColumnName NVARCHAR(50)--字段名称 DECLARE @PartNumber INT--需要分多少个区 DECLARE @Location NVARCHAR(50)--保存分区文件的路径 DECLARE @Size NVARCHAR(50)--分区初始化大小 DECLARE @Fil

定时器时间动态变化(变速)

var temp; var time=100; var m = 1; setfun(); function setfun(){ temp = setInterval(function(){ console.log('执行1次'+time); clearInterval(temp); setfun(); },time); m++; time = m*100; } 原文地址:https://www.cnblogs.com/NB-JDzhou/p/8116589.html

2018-2-17Linux系统管理(6)RAID

在这一章当中我们讲RAID,我们主要了解的是RAID的基础概念,了解一下RAID的级别,以及我们如何动手讲几个磁盘或分区创建成为一个RAID分区,之后如何管理和删除该RAID分区也在本章中进行讲解. 一.RAID RAID的全称为:Redundant Arrays of Inexpensive Disks,我们称之为廉价冗余磁盘阵列,不过以现在的磁盘来说可是相当的不廉价,所以说讲Inexpensive改为了Independent,称之为独立冗余磁盘阵列,在一块硬盘当中存储了许多非常重要的数据,万

动态时间归整/规整/弯曲(Dynamic time warping,DTW)

动态时间规整DTW 在日常的生活中我们最经常使用的距离毫无疑问应该是欧式距离,但是对于一些特殊情况,欧氏距离存在着其很明显的缺陷,比如说时间序列,举个比较简单的例子,序列A:1,1,1,10,2,3,序列B:1,1,1,2,10,3,如果用欧氏距离,也就是distance[i][j]=(b[j]-a[i])*(b[j]-a[i])来计算的话,总的距离和应该是128,应该说这个距离是非常大的,而实际上这个序列的图像是十分相似的,这种情况下就有人开始考虑寻找新的时间序列距离的计算方法,然后提出了DT

纯css+js水平时间轴

自定义,并自动加载时间节点 当前时间节点居中,突出显示 时间动态无痕添加 效果图: 初始状态 时间左走到一定2016.1月后 html: <!-- 水平时间轴 --> <div id="timeline" style="width: 902px; height: 60px;"> <ul id="dates" style="position: absolute; right: 0; top: -10px;&q

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手 感觉不方便 所以想双击关闭tab方便些于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效,本人用的是ExtJs4.1.不知道是不是我的问题,可是实在找不出错在哪里.于是 自己想了个办法 亲测支持ExtJs4.1 可能有点麻烦 可是没办法 上面那个方法 我实在是找不出问题在哪里*///////////////////---下面是网上找的方法 本人

动态规划-时间规整算法

在日常的生活中我们最经常使用的距离毫无疑问应该是欧式距离,但是对于一些特殊情况,欧氏距离存在着其很明显的缺陷,比如说时间序列,举个比较简单的例子,序列A:1,1,1,10,2,3,序列B:1,1,1,2,10,3,如果用欧氏距离,也就是distance[i][j]=(b[j]-a[i])*(b[j]-a[i])来计算的话,总的距离和应该是128,应该说这个距离是非常大的,而实际上这个序列的图像是十分相似的,这种情况下就有人开始考虑寻找新的时间序列距离的计算方法,然后提出了DTW算法,这种方法在语