javascript-倒计时-(咋个办呢-zgbn)
来源:互联网 发布:php手机板块 编辑:程序博客网 时间:2024/05/21 02:21
javascript-倒计时
下面的代码复制后直接可用
<html><script type="text/javascript">/** * @parame eid 元素ID,将倒计时空间绑定在元素上 * @parame startDateTime 倒计时开始日期时间 countTime = {YY:年,MM:月,DD:日,HH:时,MS:分,SS:秒} * @parame unit 单位,按那个单位倒计时。例如'SS'按秒,'MS'按分;可选参数,默认为'SS' * @parame format 倒计时显示的样式:YYYY-MM-DD HH:MS:SS 或者 MS分:SS秒 可选参数,默认为 HH:MS:SS * return boolean */function counDownTime(eid,startDateTime,unit,format) { if(!window._unit && !window._format && !window._eid && !window._count && !window._sumSS && !window.CDate){ if(eid && startDateTime){ window._unit = unit||'SS' ; window._format = format||'HH:MS:SS' ; window._eid = eid ; window._count = window._count||0 ; window._sumSS = 'SS'==window._unit?1000:'MS'==window._unit?60*1000:'HH'==window._unit?60*60*1000:'DD'==window._unit?24*60*60*1000:1000 ; window.CDate = new Date(startDateTime.YY,startDateTime.MM-1,startDateTime.DD,startDateTime.HH,startDateTime.MS,startDateTime.SS) ; } else{ return false ; } } window._count = window._count+window._sumSS-0 ; var nowDate = new Date() ; var setEshow = function(date){ var stime = window._format ; if(stime.indexOf('YYYY')!=-1){ stime = stime.replace('YYYY', date?date.getFullYear():0) ; } if(stime.indexOf('MM')!=-1){ stime = stime.replace('MM', date?date.getMonth()+1:0) } if(stime.indexOf('DD')!=-1){ stime = stime.replace('DD', date?date.getDate():0) } if(stime.indexOf('HH')!=-1){ stime = stime.replace('HH', date?date.getHours():0) } if(stime.indexOf('MS')!=-1){ stime = stime.replace('MS', date?date.getMinutes():0) } if(stime.indexOf('SS')!=-1){ stime = stime.replace('SS', date?date.getSeconds():0) } return stime ; } ; var destructor = function(){ window._unit = null ; window._format = null ; window._eid = null ; window._count = null ; window._sumSS = null ; window.CDate = null ; } if(nowDate.getTime() >= window.CDate.getTime()){ document.getElementById(window._eid).innerHTML = setEshow(null); destructor() ; return true ; } else{ document.getElementById(window._eid).innerHTML = setEshow(new Date(window.CDate.getTime()-window._count)); } setTimeout("counDownTime()",window._sumSS) ;}</script><body><h1>倒计时</h1> <span id='time' style='font-size:40px;color:#F00'>05.00</span><span id='time' style='font-size:40px;color:#F00'>s</span> <input type=button value='倒计时' onclick='counDownTime("time",{YY:2011,MM:7,DD:28,HH:15,MS:0,SS:0},null)' /></body></html>
0 0
- javascript-倒计时-(咋个办呢-zgbn)
- javascript-页面跳转-(咋个办呢-zgbn)
- javascript判断浏览器类型(咋个办呢 zgbn)
- javascript中的ArrayList(咋个办呢 zgbn)
- Javascript的对象操作 - 数组元素操作 【javascript、数组、插入、删除、替换】 ( 咋个办呢 -zgbn)
- javascript中关于字符串替换 replace() 方法的使用(咋个办呢 zgbn)
- JavaScript实现动态加载其他的js文件-(咋个办呢 zgbn)
- javascript 倒计时
- Javascript倒计时
- Javascript 倒计时!
- Javascript倒计时
- javascript倒计时
- javascript 倒计时
- JavaScript倒计时
- javascript倒计时
- javascript倒计时
- javascript 倒计时
- javascript倒计时
- mybaties 高级结果映射
- ExitDefaultVal
- HDU 1051:Wooden Sticks【贪心】
- Unable to resolve target 'android-8'
- 要嫁就嫁程序猿—钱多话少死的早
- javascript-倒计时-(咋个办呢-zgbn)
- Collections.sort对List排序的两种方法
- JSON详解
- 【CERC2012】【BZOJ4059】Non-boring sequences
- 矩阵的转置
- Android 内存泄漏总结
- MySql主从复制的简单实现
- 个人办公常用工具
- 使用shape图形资源制作引导页面的提示圆点