js——倒计时
<!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>
运行效果：
js——倒计时的更多相关文章
- js倒计时-倒计输入的时间
计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...
- js 倒计时（可自定义时间）
<html> <head> <title>js 倒计时</title> </head> <body> <div> & ...
- js倒计时显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...
- Js倒计时程序
Js倒计时程序 点击下载
- JS倒计时网页自动跳转代码
<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...
- JS倒计时 代码
JS倒计时 代码 <div> <span id="KSD">3</span>天 <span id="KSH">1 ...
- js倒计时函数和(js禁用和恢复a标签的操作)
<script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums ...
- js 倒计时跳转
用js实现简单的倒计时结束页面跳转效果,主要用到setInterval()和clearInterval()方法,页面跳转使用window.location.href = " ".倒 ...
- 常见JS倒计时
https://www.jb51.net/Special/356.htm //JS倒计时 <button onclick="resetTime(60)">启动倒计时 ...
- 页面倒计时跳转页面效果，js倒计时效果
页面倒计时跳转页面效果,js倒计时效果 >>>>>>>>>>>>>>>>>>>> ...
随机推荐
- CUBRID学习笔记 2 安装教程
下载地址 http://www.cubrid.org/?mid=downloads&item=any&os=detect&cubrid=9.3.0 选择适合你的服务器版本 l ...
- 自定义CSS博客（转）
摘自:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 前 言 一个好的阅读体验,对技术博客来说,也许算是锦上添花.入 ...
- XAML基础
1.标记扩展 将一个对象的属性值依赖在其他其他对象的某个属性上 用法:标记属性的一般用法是:Attribute = Value,使用标记拓展,Value字符串是由一对花括号及其括起来的内容组成,XAM ...
- hdu 5950 Recursive sequence 矩阵快速幂
Recursive sequence Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Other ...
- 你是码农还是Geek？
现在深深的体会到,不仅仅人与人的差别是巨大的,程序员与程序员之间的差别同样很明显的. 普通的程序员仅仅是完成自己的任务,完成任务后不思进取,不再修改自己的代码,不再去想有没有更好的实现方式,其实重构自 ...
- eclipse格式化代码
在Eclipse下安装.使用Jalopy方法 http://hi.baidu.com/zdz8207/item/c2972e172ad3efdcbf9042d6 http://www.cnblogs. ...
- C++ ASSERT() 断言机制
C++ ASSERT() 断言机制 ASSERT()是一个调试程序时经常使用的宏,在程序运行时它计算括号内的表达式,如果表达式为FALSE (0), 程序将报告错误,并终止执行.如果表达式不为0,则继 ...
- SAP FI/CO凭证不一致的解决办法
First, use program RKACOR20 to delete the incorrect CO documents. OKBA - Transfer FI Documents to CO ...
- 学习日记day 10 : JavaScript秋风扫落叶第一期
1:实参形参概念清晰化 注意调用,声明和定义的区别. 调用发过去的都是实参,声明和定义中使用的都是形参. 例子: funcOperate (int a); //这是函数声明:参数都是形参: int ...
- Android 图片Exif信息相关的获取与修改
1 Exif是什么 Exif是一种图像文件格式,它的数据存储于JPEG格式是完全相同的,实际上Exif格式就是JPEG格式头插入了 数码照片的信息,包括拍摄的光圈.快门.平衡白.ISO.焦距.日期时间 ...