<!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. Android性能优化方法（六）

    ContentProvider优化改进 1.索引简单的说,索引就像书本的目录,目录可以快速找到所在页数,数据库中索引可以帮助快速找到数据,而不用全表扫描,合适的索引可以大大提高数据库查询的效率.(1) ...

  2. codeforces 429E

    题意:给定n<=100000线段[l,r],然后给这些线段染色(red or blue),求最后平面上任意一个点被蓝色及红色覆盖次数只差的绝对值不大于1 思路:把每条线段拆成2个点[l<& ...

  3. Rsync 3.1.0 发布，文件同步工具

    文件同步工具Rsync 3.1.0发布.2013-09-29 上一个版本还是2011-09-23的3.0.9 过了2年多.Rsync基本是Linux上文件同步的标准了,也可以和inotify配合做实时 ...

  4. [异常] Download interrupted: Connection to https://dl-ssl.google.com refused 安卓SDK下载被拒 3步解决

    1.SDK Manager 的 Tools ->Options打开SDK Manager的Settings,选中“Force https://… sources to be fetched us ...

  5. 【系统移植】Android系统移植

    $ . .. Device     . SimulatorWhich would you like] Build type choices are. release     . debugWhich ...

  6. paip.关于动画特效原理 html js 框架总结

    paip.关于动画特效原理 html js 框架总结 1. 动画框架的来源:flex,jqueryui 3 2. 特效的分类 3 2.1. Property effects 动态改变一个或多个目标对象 ...

  7. JAVA学习绘图颜色及其笔画属性设置字体显示文字

    package com.graphics; import java.awt.*; import java.awt.geom.Rectangle2D; import java.util.Date; im ...

  8. arcgis server账号需要设置地图缓存的访问权限

    如果gis服务起不来,那么可以看看arcgis server账号有没有设置地图缓存的访问权限,有可能arcgis server账号没有这个文件夹的访问权限.  本文用菊子曰发布

  9. mysql组合索引与字段顺序

    很多时候,我们在mysql中创建了索引,但是某些查询还是很慢,根本就没有使用到索引!一般来说,可能是某些字段没有创建索引,或者是组合索引中字段的顺序与查询语句中字段的顺序不符. 看下面的例子:假设有一 ...

  10. iOS5可能会删除本地文件储存 － Caches 也不安全

    转自:http://blog.163.com/ray_jun/blog/static/1670536422011101225132544/ 出处:http://superman474.blog.163 ...