- 浏览: 1571338 次
- 来自: 上海
文章分类
- 全部博客 (374)
- Java (101)
- Struts (54)
- Oracle (30)
- JavaScript (16)
- Spring (27)
- Hibernate (16)
- MyEclipse (3)
- JSF (1)
- FreeMarker (2)
- SiteMesh (2)
- JfreeChart (2)
- Ibatis (2)
- JSP (12)
- MyBatis (4)
- SWFupload (1)
- EJB (4)
- Jboss (4)
- WebService (2)
- Linux (16)
- Android (2)
- XML (6)
- Java 网络编程 (13)
- AXIS2 (1)
- FTP (1)
- Jswing (1)
- Socket (3)
- 杂文选集 (6)
- solr (2)
- PS (1)
- Tomcat (7)
- JDBC (9)
- Highcharts (1)
- maven (1)
- Nodejs (0)
- navicat (2)
- Exception (5)
- eclipse (3)
- jQuery (1)
- springMVC (4)
- MySQL (11)
- SVN (1)
- Sql Server (1)
- zookeeper (1)
- JVM (1)
- Groovy (2)
- Git (1)
- Nginx (1)
- DynamicReport (1)
- IDEA (2)
- JasperReports (1)
- Postgresql (2)
- Mac (1)
- gradle (1)
- 数据结构算法 (1)
最新评论
-
hpu145:
引用引用
java 千分位的添加和去除 -
被遗忘的下路:
少了个junit-4.8.2的包
SSH2整合完整案例(四十三) -
白天看黑夜:
java过滤emoji字符处理,希望能帮到你http://ww ...
emoji 表情图片解决方法 -
caipeiming:
这个挺好JavaScript实现input输入框控件只允许输入 ...
js 控制文本框只能输入中文、英文、数字等 -
双子树:
东西太好啦受教啊
Struts2 JSP中将list,set ,Map传递到Action然后<s:iterator>遍历(三十五)
先看效果
//列表的的效果
//单个效果
//用法
列表的用法 一般用在div ul > li 里面
可支持 不同div ,li 显示的 倒计时 格式不一样
//例2:
//列表的的效果
//单个效果
var bjtimer={ sysTime:0, //服务器时间毫秒数 timeBodyName:"timecontainer", //显示时间的容器 timeBodyTag:"div", showFmt:"dd天HH时mm分ss秒", notstartMsg:"即将开始:", startingMsg:"剩余时间:", afterStart:"活动进行中", //开始后的内容 afterEnd:"活动已结束", //结束后是否设置 提示内容 stimeAttName:"stime", //自定义属性 etimeAttName:"etime", onlyFmt:"showFmt", //单个元素的格式 notstartHead:"nsmsg", startingHead:"simsg", showDay:true, //是否采用天 fmt_24:true, //是否采用 24小时格式 isUnion:true, //开始后,时候进去 倒计时 剩余时间 timeOutArr:new Array(), //保存启动了的计时器对象,用于清除 startTimerOut:function(){ if(bjtimer.sysTime <=0){ alert("请先设置bjtimer.sysTimer为服务器时间"); return; }else{ var timeBodyArray =bjtimer.getElesByName(bjtimer.timeBodyTag,bjtimer.timeBodyName); for(var i=0;i<timeBodyArray.length;i++){ clearTimeout(bjtimer.timeOutArr[i]); //清空 var ele=timeBodyArray[i]; //获取元素的自定义属性 var stimenode=ele.attributes[bjtimer.stimeAttName]; var etimenode=ele.attributes[bjtimer.etimeAttName]; var fmtnode=ele.attributes[bjtimer.onlyFmt]; var nsnode=ele.attributes[bjtimer.notstartHead]; var sinode=ele.attributes[bjtimer.startingHead]; var stime=0; var etime=0; var onlyfmt=bjtimer.showFmt; var nsmsg=bjtimer.notstartMsg; var simsg=bjtimer.startingMsg; if(stimenode!=null || !stimenode===undefined){ if(stimenode.nodeValue.indexOf("/")!=-1){ stime=converToDate(stimenode.nodeValue); }else{ stime=stimenode.nodeValue; } } if(etimenode!=null || !etimenode===undefined){ if(etimenode.nodeValue.indexOf("/")!=-1){ etime=converToDate(etimenode.nodeValue); }else{ etime=etimenode.nodeValue; } } if(fmtnode!=null || !fmtnode===undefined){ onlyfmt=fmtnode.nodeValue; } if(nsnode!=null || !nsnode===undefined){ nsmsg=nsnode.nodeValue; } if(sinode!=null || !sinode===undefined){ simsg=sinode.nodeValue; } //启用计时器 bjtimer.timerOutRun(ele,stime,etime,bjtimer.sysTime,i,onlyfmt,nsmsg,simsg); } } }, timerOutRun:function(ele,stime,etime,systime,i,showFmt,nsmsg,simsg){ var remainTime=0; var type=1; //默认为为开始 if(stime > systime){ type=1; //未开始 remainTime= stime - systime; }else{ if(bjtimer.isUnion){ type=0; //将结束 remainTime= etime - systime; } } var nD = 0; var nH = 0; if(bjtimer.showDay){ nD = parseInt(remainTime/(1000*60*60*24)); nH = parseInt(remainTime/(1000*60*60)) % 24; }else{ nH = parseInt(remainTime/(1000*60*60)); } var nM = parseInt(remainTime/(1000*60)) % 60; var nS = parseInt(remainTime/1000) % 60; if(bjtimer.fmt_24){ nD=nD < 10 ? "0"+nD : nD; nH=nH < 10 ? "0"+nH : nH; nM=nM < 10 ? "0"+nM : nM; nS=nS < 10 ? "0"+nS : nS; } var showCont=showFmt; showCont=showCont.replace("dd",nD); showCont=showCont.replace("HH",nH); showCont=showCont.replace("mm",nM); showCont=showCont.replace("ss",nS); if(type==1){ showCont=nsmsg+showCont; stime=stime-1000; }else{ showCont=simsg+showCont; etime=etime-1000; } if(remainTime<=0){ clearTimeout(bjtimer.timeOutArr[i]); var msg = (type==1) ? bjtimer.afterStart : bjtimer.afterEnd; if(msg!=""){ ele.innerHTML=msg; }else{ ele.innerHTML=showCont; } }else{ ele.innerHTML=showCont; bjtimer.timeOutArr[i]=setTimeout(function(){bjtimer.timerOutRun(ele,stime,etime,systime,i,showFmt,nsmsg,simsg);},1000); //bjtimer.timerOutRun("+ele+","+stime+","+etime+","+i+")" } }, getElesByName:function(tag, name){ var returns = document.getElementsByName(name); if(returns.length > 0) return returns; returns = new Array(); var e = document.getElementsByTagName(tag); for(var i = 0; i < e.length; i++){ if(e[i].getAttribute("name") == name){ returns[returns.length] = e[i]; } } return returns; },isToday:function(systime,ctime){ return systime.getFullYear()==ctime.getFullYear() && systime.getMonth()==ctime.getMonth() && systime.getDate()==ctime.getDate(); },dateDiff:function(stime,etime){//计算两个时间 相差的天数 return (stime-etime)/(1000*3600*24); } }
//用法
列表的用法 一般用在div ul > li 里面
可支持 不同div ,li 显示的 倒计时 格式不一样
//注意 要显示 倒计时的 标签名字为 timecontainer 然后在这个表情上自定义属性 stime etime, showFmt,notstartMsg 等属性, <div class="rest_time" name="timecontainer" stime="<fmt:formatDate value="${brandhd.starttime}" pattern="yyyy/MM/dd HH:mm:ss"/>" etime="<fmt:formatDate value="${brandhd.endtime}" pattern="yyyy/MM/dd HH:mm:ss"/>" ></div> 然后在窗体加载事件里面写 $(functtion(){ bjtimer.sysTime=systimes.getTime(); //系统的 毫秒数 bjtimer.startTimerOut(); });
//例2:
<!--计时开始--> <div class="g_timer_wrap"> <div class="g_timer" id="g_timer" name="timecontainer" nsmsg="距活动开始还有:" simsg="距活动结束还有:" showFmt="[i]dd[/i]天[i]HH[/i]时[i]mm[/i]分[i]ss[/i]秒" stime="<fmt:formatDate value="${superBrandHd.starttime}" pattern="yyyy/MM/dd HH:mm:ss"/>" etime="<fmt:formatDate value="${superBrandHd.endtime}" pattern="yyyy/MM/dd HH:mm:ss"/>"> </div> </div> $(function(){ bjtimer.sysTime=converToDate('<%=sysdate%>').getTime(); bjtimer.startTimerOut(); }):
发表评论
-
JS 数组操作
2014-12-02 17:44 11561、数组的创建 var arrayObj = new Ar ... -
Ajax 传递数组到后台
2014-12-02 17:29 18461function login123(){ var n ... -
jquery 获取表单数据
2014-11-26 13:54 1313<html> <head> & ... -
JavaScript 图片滚动,无缝滚动
2014-07-08 11:23 1430//支持 左右,滚动 ,上下滚动的话,同理, 修 ... -
jQuery的deferred对象详解
2014-02-21 15:13 915原文地址:http://www.ruanyifeng.com/ ... -
Jquery template 小demo
2014-02-20 20:04 687<!DOCTYPE html> <h ... -
用 ant和 YUIcompressor 对css,js压缩小demo
2014-02-20 20:00 1382<?xml version="1.0&qu ... -
js === 和 == 的区别
2014-01-21 23:18 790如果是基本类型 var ... -
js 钱大小写转换,和 数值格式化
2013-08-28 20:21 1695var num=56.45678; var rs1=num. ... -
js 打印
2013-08-28 20:04 1132js web页面打印 //关键的就下面两行 会用就行了 ... -
jquery Iframe 父子窗体
2013-08-12 18:26 1985子窗体的操作 //获取 父窗体 ... -
Jquery 修改按钮的单击函数
2013-08-09 21:44 2126场景button的 onclick 初试化的时候 函数手动写上 ... -
XMLhttpRequest 请求 XML,JSON ,POJO 数据
2012-10-09 22:48 15237在使用XMlhttpRequest对象发送请求和响应之前,必须 ... -
js 控制文本框只能输入中文、英文、数字等
2012-09-25 09:08 11775总而言之:先在<input>里输入onkeyup= ... -
JS 判断时间大小(一)
2012-08-22 11:37 19921.使用 Date.parse() var starttime ...
相关推荐
javascript秒表计时器,可以js控制。
js实现计时器,只需要将设定的开始时间修改为你需要的开始时间就可以使用,制作个人网站,纪念重要日期非常实用。
javascript简单的编写的时间计时器
使用javascript实现的计时器秒表,使用setTimeout()来实现
主要介绍了JavaScript计时器示例分析,需要的朋友可以参考下
精确到秒的javascript倒计时代码,某某运动会倒计时,小时倒计时,最简倒计时,获取系统当前时间
修改好的倒数定时器、有详细的注释、代码非常简单、javascript代码;倒数计时器有天、时、分、秒,本代码中屏蔽了天。
没有 JavaScript 计时器的自动播放轮播 - CSS 动画
基于JavaScript的倒计时器的设计.pdf
javascript写的简单计时器设 可以开始 暂停 停止 继续 类似播放器放歌那样 控制时间
javascript计时器编写过程与实现方法_.docx
js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeo...
实现简单计时器的功能 界面设计有开始按钮,暂停,清零三个按钮。
主要介绍了javascript 秒表计时器实现代码的相关资料,需要的朋友可以参考下
marky 基于performance.mark()和measure()的高分辨率JavaScript计时器
基于JavaScript的倒计时器, 适用于HTML等网页.zip
这是一款css3圆形进度条时分秒计时器js特效,非常简洁又漂亮的网页计时动画代码。
JavaScript实现简单计时器 本文实例为大家分享了JavaScript实现简单计时器的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 计时器</title> ...
javascript+css,仿iphone的精美计时器
JavaScript带动画效果的计数器和计时器 编辑! 功能分为两个部分,计数器和计时器,具体功能如下: 支持IE6+, Firefox, Chrome,Safari 4 支持动画效果 支持正数负数 支持分隔符 支持自动递增或递减 支持设置...