<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <title>JS实现倒计时(时、分，秒)</title>

    <script>

        function ShowCountDown(divname)

        {

            var now = new Date();

            var year = now.getFullYear();

            var month = now.getMonth()+1;

            var day = now.getDate();    //获取天数

            var hour = parseInt(now.getHours());

            var minuttes = now.getMinutes();

            var end_hour = 10;

            if(hour<10){

                end_hour = 10;

            }else if(hour<16){

                end_hour = 16;

            }else if(hour>16){

                day = day + 1;

                end_hour = 10;

            }

            var str = year +"-"+ month + "-" + day +" "+end_hour+ ":00:00";

            var leftTime = Date.parse(str) - now.getTime();

            var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数

            var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数

            var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数

            hh = checkTime(hh);

            mm = checkTime(mm);

            ss = checkTime(ss);//小于10的话加0

            var cc = document.getElementById(divname);

            cc.innerHTML =  hh + ":" + mm + ":" + ss + "";

        }

        function checkTime(i)

        {

            if (i < 10) {

                i = "0" + i;

            }

            return i;

        }

        window.setInterval(function(){ShowCountDown('countdown');}, 1000);

        //window.setTimeout(function(){ShowCountDown('countdown');}, 1000);

    </script>

</head>

<body>

<div id="countdown"></div>

</body>

</html>

倒计时,js的更多相关文章

  1. 倒计时的js实现 倒计时 js Jquery

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=987 一.如火如荼的团 ...

  2. 团购、定时抢购倒计时js版

     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org ...

  3. 【积累】发送验证码按钮倒计时js

    注册的时候要发送验证码,就上网研究了一下,写了一个简单点的... jsp页面: <input type="button" id="testbtn" val ...

  4. 手机验证 发送验证码倒计时js

    html: <input name="Tel" class="weui-input" type="tel" placeholder=& ...

  5. 验证码倒计时js

    getVarify.js // 验证码计时--第一种 window.onload = function () { var send = document.getElementById('send'), ...

  6. 点击按钮出现60秒倒计时js代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. 一个简单的倒计时js插件

    接收的参数end是必须传的,格式是/分隔的日期字符串,start是可选的,不传就是从现在开始倒计时,callback也是可选的,到倒计时接收时执行自定义的函数. countdown({ 'end':' ...

  8. 简单倒计时js代码

    //倒计时 var timer=null; var interval = 1000; function ShowCountDown(year,month,day,hour,minute,second, ...

  9. 倒计时js

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 【堆】【kd-tree】bzoj2626 JZPFAR

    用堆记录答案.看看当前点是否比堆顶更优. #include<cstdio> #include<queue> #include<cstring> #include&l ...

  2. Java多线程死锁的产生实例

    死锁产生的四个必要条件: (1) 互斥条件:一个资源每次只能被一个进程使用.(2) 请求与保持条件:一个进程因请求资源而阻塞时,对已获得的资源保持不放.(3) 不剥夺条件:进程已获得的资源,在末使用完 ...

  3. SpringMVC配置入門

    我的開發環境 開發工具:    springsource-tool-suite-2.9.0 JDK版本:    1.6.0_29 tomcat版本:apache-tomcat-7.0.26 本文地址: ...

  4. node应用场景

    2.1 Web开发:Express + EJS + Mongoose/MySQL express 是轻量灵活的Nodejs Web应用框架,它可以快速地搭建网站.Express框架建立在Nodejs内 ...

  5. 套题 codeforces 359

    A题:Free Ice Cream 注意要使用LL,避免爆int #include <bits/stdc++.h> #define scan(x,y) scanf("%d%d&q ...

  6. hdu 2586(LCA在线ST)

    How far away ? Time Limit: / MS (Java/Others) Memory Limit: / K (Java/Others) Total Submission(s): A ...

  7. go protobuf 安装

    1.https://github.com/google/protobuf/releases/tag/v3.0.0 下载需要的版本,如果执行autogen.sh的过程中出现autoreconf not ...

  8. Asp.Net Web API 2第三课——.NET客户端调用Web API

    详情请查看http://aehyok.com/Blog/Detail/70.html 个人网站地址:aehyok.com QQ 技术群号:206058845,验证码为:aehyok 本文文章链接:ht ...

  9. android相关技能

    深读: 如:View.ViewGroup.AdapterView.ListView.GridView.Window.ViewDragHelper.ItemTouchHelper.SurfaceView ...

  10. C#与数据库访问技术总结（十七）

    使用DataSet对象访问数据库 当对DataSet对象进行操作时,DataSet对象会产生副本,所以对DataSet里的数据进行编辑操作不会直接对数据库产生影响,而是将DataRow的状态设置为ad ...