js 倒数计时器
2014-02-25 12:03
471 查看
1.JS倒数计时器
经常在购网网站看到JS倒计时的东西,闲来无事自己也写个!HTML代码:
<p> <span id="test" style=" display:block; font-size:20px; font-weight:700; color:#0F0;">距离晚会开始时间:</span> </p>JS代码:
var timer; var maxtime = 10000; //一个小时,按秒计算,自己调整! function CountDown(){ if(maxtime>=0){ time = formatMinutes(maxtime); document.getElementById("test").innerHTML=time; if(maxtime !=0){ --maxtime; }else{ clearInterval(timer); } } } function formatMinutes(minutes){ var day = parseInt(Math.floor(minutes / 86400)); var hour = day >0? Math.floor((minutes - day*86400)/3600):Math.floor(minutes/3600); var minute = hour > 0? Math.floor((minutes -day*86400 - hour*3600)/60):Math.floor(minutes/60); var second = minute > 0? Math.floor(minutes -day*86400 - hour*3600-minute*60):minutes; var time=""; if (day > 0) time += day + "天"; if (hour > 0) time += hour + "小时"; if (minute > 0) time += minute + "分钟"; time += second+"秒"; time ="距离晚会结束还有:"+time; return time; } function dateFormate(currentTimeMillis){ var d = new Date(); d.setTime(currentTimeMillis); // var str = d.Format("yyyy年MM月dd HH:mm:ss"); var str = d.Format("yyyy年MM月dd日 hh:mm:ss"); document.getElementById("test1").innerHTML="转换后的时间:"+str; } $(document).ready(function(){ timer = setInterval("CountDown()",1000); });这段代码实现倒计时,其中全局变量maxtime便是倒计时的时间点。
前台效果:
相关文章推荐
- javascript 同步加载与异步加载
- JS window对象的top、parent、opener含义
- 关于Json传递的日期/Date(数字)/解析
- 可编辑表格,ajax编辑表格 js
- 代码演示神器——jsfiddle
- newtonsoft.json解析天气数据出错解决方法
- 点击登录按钮弹出登录层(HTML+JS)
- Js排序
- JSP的内置对象
- JS设定输入框只能输入数字,小数和字母等的正则表达式
- JSP指令与动作指令
- js--docement对象的几个getElementBy~()方法
- 精通JS正则表达式(推荐)
- 根据生日的月份和日期,一行代码计算星座的js小函数(最简)
- ie下面用iframe实现图片上传,返回json格式时提示打开或保存。
- jsp基础语法三:
- 使用 jsoup 对 HTML 文档进行解析和操作
- JS日期格式化
- 简单破解 Sencha Architect 2.2 (ExtJs Designer)
- JavaScript函数