js 数字时钟问题

问题描述

function getNowDate() {var date = new Date();var y = date.getFullYear();var m = date.getMonth() + 1;var d = date.getDate();var day = date.getDay();var h = date.getHours();var s = date.getSeconds();var m = date.getMinutes();if(day==0){day = "星期日";};if(day==1){day = "星期一";};if(day==1){day = "星期‘二";};if(day==2){day = "星期三";};if(day==3){day = "星期四";};if(day==4){day = "星期五";};if(day==5){day = "星期六";};return y + "-" + (m > 9 ? m : ('0' + m)) + "-" + (d > 9 ? d : ('0' + d)) + " " +(h > 9 ? h : ('0' + h))+ ":" + (m > 9 ? m : ('0' + m)) + ":" + (s > 9 ? s : ('0' + 9)) + " " + day;setTimeout('getNowDate()',1000);}后面调用的 tbar : [ '您好,今天是:'+getNowDate(), // 在这里啊 '->',{ xtype : 'button', text : 'OA登陆', iconCls : 'add' },'-', { xtype : 'button', text : '设为首页' }, '-',{ xtype : 'button', text : '加入收藏' }],为什么不行啊,setTimeout 要放到哪啊,小弟js新手,求教啊 问题补充:suziwen 写道

解决方案

tbar: [{ text:new Date(), xtype:'tbtext', listeners:{ 'afterrender':function(cmp){ setInterval(function() { cmp.el.update(new Date()); }, 1000); } } }]
解决方案二:
tbar: [{text:new Date(),xtype:'tbtext',listeners:{'afterrender':function(cmp){setInterval(function() { cmp.el.update(new Date());}, 1000);}}}]
解决方案三:
你这个当然不行了~~~tbar第一次渲染完了之后就不行渲染了你settimeout只是执行了getNowDate函数,并没有指明该函数要把数据显示到哪

时间: 2024-10-29 15:36:47

js 数字时钟问题的相关文章

使用JS显示倒计时数字时钟效果_JSP编程

本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l

JS实现的网页倒计时数字时钟效果

 这篇文章主要介绍了JS实现的网页倒计时数字时钟效果,是一款非常实用的javascript倒计时特效,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

JS 实现倒计时数字时钟效果【附实例代码】_javascript技巧

这篇文章主要介绍了JS实现的网页倒计时数字时钟效果,是一款非常实用的javascript倒计时特效,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&

使用jQuery和CSS3制作数字时钟(CSS3篇)

原文地址:http://www.helloweba.com/view-blog-273.html 数字时钟可以应用在一些WEB倒计时效果.WEB闹钟效果以及基于HTML5的WEB APP中,本文将给大家介绍不借助任何图片,如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果. HTML 我们先在页面中准备一个时钟区域#clock,并且要展示的数字放在.digits中. <div id="clock" class="light">     <d

基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)_jquery

废话不多说了,先给大家展示下效果图,感兴趣的朋友继续往下看 哦 查看演示       源码下载 HTML 和上一篇文章:使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构,只是多了个>date用来展示日期和星期的. <div id="clock" class="light"> <div class="display"> <div class="date"></

js数字转换为float,取N位小数

 在javascript中不分单精度float和双精度double,凡事有小数的变量都认为是float,因此要取小数后的n位,要用方法toFixed(n)来得到 js数字转换为float,取N个小数:   =========================================   javascript中的变量都是弱类型,所有的变量都声明为var,在类型转换过程中就没有java那么方便,它是通过 parseInt(变量).parseFloat(变量)等方法来进行类型转换的.注意:没有p

js 数字格式之正则表达式

不过最近落叶给了我一个正则,让我豁然开朗,比我写的犀利多了,所以今天拿出来简单说一下(只说十进制部分的匹配). 先看下我之前写的正则:/\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\.\d+(?:[eE][+-]?\d+)?/ 落叶在 jQuery 中发现的正则: /(?:\d*\.)\d+(?:[eE][+-]?\d+)/ (ps: 我去掉了 [+-] 因为没必要匹配那个..) 很明显犀利很多. 我的思路其实很简单,就是根据官方描述然后写了个臃肿不堪的正则. 在 MDN Jav

一个数列JS数字题

一个比较强悍的JS数字题,求数列f(n)中不大于4000,000且为偶数项数之和... 对于数列f(n): f(1) =1,f(2) =2 f(n) =f(n-1)+f(n-2) (n>2) 求数列f(n)中不大于4000,000且为偶数项数之和.   [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

七段数码显示的数字时钟

摘要 绝大多数的电子产品都使用了七段数码显示,如果软件也能模拟出这种效果该有多好?在本文之前,VC知识库在线杂志曾有两篇文章介绍过如何实现这种效果,有一篇的实现方法较为简单,但绘出的数字不够逼真,而另一篇实现的效果虽然逼真,但必须依赖位图资源,并且无法设置前景色和背景色等.笔者经过仔细的研究与试验,终于找到了较好的解决办法.本文将详细讲述七段数码显示的数字时钟的实现. 关键字 七段数码显示 数字时钟 实现原理 我们知道,时钟的显示由时.分.秒及冒号组成,因此我们可以用以下函数来实现:DrawHo