extjs和js定时器
2016-01-20 15:36
771 查看
1、Ext定时器(Ext的定时器,每隔2秒刷新store)
var task = { //Ext的定时器,每隔2秒刷新store。
run : function() {
moneyStore.load();
if(moneyStore.getAt(0)){
if(f==0){
setTime(moneyStore.getAt(0).data.endtime)
}
f = 1;
}
},
interval : 2000
// 2 second
}
Ext.TaskMgr.start(task);//启动定时器
Ext.TaskMgr.stop(task);//关闭定时器
2、js定时器-倒计时
function setTime(endtime){
var enddate = new Date(Date.parse(endtime.replace(/\-/g, "/")));//yyyy-MM-dd HH:mm:ss型字符串转成日期
var count = enddate.getTime()-new Date().getTime();
var time = formatTime(count);
var update = '<font size="5">距离结束还有:</font><font size="5" color="red">'+time+'</font>';
if(count>=0){
Ext.getCmp("timePanel").el.update(update);
setTimeout('setTime("'+endtime+'")', 1000);//js定时器
}else{
Ext.getCmp("timePanel").el.update('<font size="5" color="red">已经结束</font>');
}
}
function formatTime(count){
var day;
var hour;
var min;
var sec;
var c1 = count%(1000*60*60*24);//出过天后的余数
var day = (count/(1000*60*60*24)+"").split('.')[0];
var c2 = c1%(1000*60*60);
var hour = (c1/(1000*60*60)+"").split('.')[0];
var c3 = c2%(1000*60);
var min = (c2/(1000*60)+"").split('.')[0];
var c4 = c3%(1000);
var sec = (c3/(1000)+"").split('.')[0];
return day+"天 "+hour+"时 "+min+"分 "+sec+"秒";
}
var task = { //Ext的定时器,每隔2秒刷新store。
run : function() {
moneyStore.load();
if(moneyStore.getAt(0)){
if(f==0){
setTime(moneyStore.getAt(0).data.endtime)
}
f = 1;
}
},
interval : 2000
// 2 second
}
Ext.TaskMgr.start(task);//启动定时器
Ext.TaskMgr.stop(task);//关闭定时器
2、js定时器-倒计时
function setTime(endtime){
var enddate = new Date(Date.parse(endtime.replace(/\-/g, "/")));//yyyy-MM-dd HH:mm:ss型字符串转成日期
var count = enddate.getTime()-new Date().getTime();
var time = formatTime(count);
var update = '<font size="5">距离结束还有:</font><font size="5" color="red">'+time+'</font>';
if(count>=0){
Ext.getCmp("timePanel").el.update(update);
setTimeout('setTime("'+endtime+'")', 1000);//js定时器
}else{
Ext.getCmp("timePanel").el.update('<font size="5" color="red">已经结束</font>');
}
}
function formatTime(count){
var day;
var hour;
var min;
var sec;
var c1 = count%(1000*60*60*24);//出过天后的余数
var day = (count/(1000*60*60*24)+"").split('.')[0];
var c2 = c1%(1000*60*60);
var hour = (c1/(1000*60*60)+"").split('.')[0];
var c3 = c2%(1000*60);
var min = (c2/(1000*60)+"").split('.')[0];
var c4 = c3%(1000);
var sec = (c3/(1000)+"").split('.')[0];
return day+"天 "+hour+"时 "+min+"分 "+sec+"秒";
}
相关文章推荐
- BSON与JSON的区别
- 原始js调用 选中事件
- js模拟键盘或遥控器操作(加强版)
- JS获取鼠标坐标位置实例分析
- DOM性能瓶颈与Javascript性能优化
- 用js根据当前季度获取上一季度
- pdf.js使用和JS实现嵌套Iframe页面F11全屏效果
- 如何用JS判断滚动条拉到了最底部
- 主流JS框架中DOMReady事件的实现
- eclipse弹出:An internal error occurred during: "JavaScript translation for 这个错误
- JavaScript 事件
- 图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
- C# JSON 序列化和反序列化——JavaScriptSerializer实现
- javascript 中instanceof的用法
- Kindeditor在JSP项目中的应用
- selenium+BeautifulSoup+phantomjs爬取新浪新闻
- JavaScript Coding 模式荟萃
- js split用法
- JavaScript中的执行上下文
- JSON返回DateTime/Date('123123123')/解决办法