js——倒计时
2016-06-29 16:58
495 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的倒计时</title> </head> <body> <h2>当前时间:</h2> <p id="thisTime"></p> <h2>距离2016/09/10 10:00还有:</h2> <p id="countDown"><p/> <script type="text/javascript"> window.onload = function () {//在dom文档树加载完和所有文件加载完之后执行一个函数 timer({ currentTime: true, objId: 'thisTime' }); timer({ objId: 'countDown', endtime: "2016/9/1,18:00" }) }; function timer(a) { if (a.currentTime) { var now = new Date(); var year = now.getFullYear();//返回年份(4位数字) var month = now.getMonth() + 1;//返回月份(0-11,所以+1) var day = now.getDate();//返回某天(1-31) var h = now.getHours();//返回小时(0-23) var m = now.getMinutes();//返回分钟(0-59) var s = now.getSeconds();//返回秒数(0-59) //补O m = m < 10 ? '0' + m : m; s = s < 10 ? '0' + s : s; var weekday = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; document.getElementById(a.objId).innerHTML = year + '年' + month + '月' + day + '日' + weekday[now.getDay()] + ' ' + h + ':' + m + ':' + s; setTimeout(function () { timer(a) }, 1000); } else { var endtime = new Date(a.endtime);//结束时间 var nowtime = new Date();//当前时间 var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //计算差的秒数 //一天24小时 一小时60分钟 一分钟60秒 d = parseInt(lefttime / 3600 / 24); h = parseInt((lefttime / 3600) % 24); m = parseInt((lefttime / 60) % 60); s = parseInt(lefttime % 60); document.getElementById(a.objId).innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒"; if (lefttime > 0) { setTimeout(function () { timer(a) }, 1000); } } } </script> </body> </html>
运行效果:
相关文章推荐
- javascript中setTimeout函数使用案例
- win10 uwp json
- 原生js实现自由拖拽弹窗代码demo
- JSP技术的优缺点介绍
- JS中Json数据的处理和解析JSON数据的方法详解
- javaScript数据类型及判断
- 简单实现js间歇或无缝滚动效果
- js实现的图片浏览器
- 博客功能实验室开发完成
- js回到顶部和底部
- 引用的js中再添加script标签会报错,并且不显示;
- three.js 之旅 (五)--跟场景scene相关的函数
- js获取form表单所有数据
- js精准的倒计时函数分享
- Newtonsoft.Json学习笔记
- javascript 设置input和select 框只读属性 获取disabled后的值并传给后台
- Js控制input只允许输入数字
- 设置iframe高度自适应
- fastjson 和 jackson 效率测试
- json - 使用jackson进行序列化/反序列化