<!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——倒计时的更多相关文章

  1. js倒计时-倒计输入的时间

    计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...

  2. js 倒计时（可自定义时间）

    <html> <head> <title>js 倒计时</title> </head> <body> <div> & ...

  3. js倒计时显示

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...

  4. Js倒计时程序

    Js倒计时程序 点击下载

  5. JS倒计时网页自动跳转代码

    <title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...

  6. JS倒计时 代码

    JS倒计时 代码 <div> <span id="KSD">3</span>天 <span id="KSH">1 ...

  7. js倒计时函数和(js禁用和恢复a标签的操作)

    <script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums ...

  8. js 倒计时跳转

    用js实现简单的倒计时结束页面跳转效果,主要用到setInterval()和clearInterval()方法,页面跳转使用window.location.href = " ".倒 ...

  9. 常见JS倒计时

    https://www.jb51.net/Special/356.htm  //JS倒计时  <button onclick="resetTime(60)">启动倒计时 ...

  10. 页面倒计时跳转页面效果，js倒计时效果

    页面倒计时跳转页面效果,js倒计时效果 >>>>>>>>>>>>>>>>>>>> ...

随机推荐

  1. FJNU 1151 Fat Brother And Geometry（胖哥与几何）

    FJNU 1151 Fat Brother And Geometry(胖哥与几何) Time Limit: 1000MS   Memory Limit: 257792K [Description] [ ...

  2. So easy Webservice 2.WebService介绍

    WebService概念介绍: Web Service是一项新技术, 能使得运行在不同机器上的不同应用无须借助附加的.专门的第三方软件或硬件, 就可相互交换数据或集成.依据Web Service规范实 ...

  3. 【T-SQL系列】常用函数—聚合函数

    聚合函数平均值AVG.标准偏差STDEV.方差VAR.最大值MAX.最小值MIN.合计SUM.次数COUNT.极差值MAX-MIN.变异系数STDEV/AVG*100 什么是统计统计 就是通过样本特性 ...

  4. iOS - Swift Subscript 下标脚本

    1.Subscript 下标脚本允许你通过在实例后面的方括号中传入一个或者多个的索引值来对实例进行访问和赋值.语法类似于实例方法和计算型属性的混合.与定义实例方法类似,定义下标脚本使用 subscri ...

  5. Ubuntu 12.04下PostgreSQL-9.1安装与配置详解(在线安装)

    说明:       我是用root用户在终端登陆的,如果是非root用户,那在命令前需要加上"sudo",你懂的... 第一步:在Ubuntu下安装Postgresql       ...

  6. 【Todo】Lucene系统学习

    之前已经写过一篇关于Lucene安装学习的文章:http://www.cnblogs.com/charlesblc/p/5980525.html 还有一篇关于Solr安装使用的文章:http://ww ...

  7. NowCoder猜想（素数筛法+位压缩）

    在期末被各科的大作业碾压快要窒息之际,百忙之中抽空上牛客网逛了逛,无意中发现一道好题,NowCoder猜想,题意很明显,就是个简单的素数筛法,但竟然超内存了,我晕(+﹏+)~  明明有 3 万多 k ...

  8. JS获取用户控件中的子控件Id

    用户控件 <asp:HiddenField ID="hfGradeId" runat="server" /> <asp:HiddenField ...

  9. Oracle一个用户查询另一个用户的表数据

    1.两个用户是在不同的库,需要建立dblink 2.属于同一个库的不同用户 1)方法一:使用"用户名."的方式访问 例如:要从USER1账号访问USER2中的表TABLE2 A. ...

  10. 转！！Java 基础面试题的剖析： short s1=1;s1 = s1 +1 报错？ s1+=1 呢

    short s1=1;s1 = s1 +1会报错吗?    package common; public class ShortTypeTest { /* * @param args */ publi ...