js 倒计时（时分秒版本）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta charset="UTF-8">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>下班倒计时</title>
</head>

<body>
    <div id="msg">
    </div>
</body>
</html>
 <script>
    var endTime = new Date();
    endTime.setHours(9);
    endTime.setMinutes(29);
    endTime.setSeconds(52);

    var getTime = function()
    {
        var nowTime = new Date();
        var ms = endTime.getTime() - nowTime.getTime();
        var day = Math.floor(ms / (1000 * 60 * 60 * 24));
        var hour = Math.floor(ms / (1000 * 60 * 60)) % 24;
        var minute = Math.floor(ms / (1000 * 60)) % 60;
        var second = Math.floor(ms / 1000) % 60;
        ms = Math.floor(ms / 100) % 10;
        if (day >= 0) {
            document.getElementById("msg").innerHTML = hour + "小时 " + minute + "分 " + second + " 秒"
        }
        else
        {
            alert("下班了");
           return false;
        }
       setTimeout("getTime()", 1000);
    }
     getTime();
</script>

时间： 2024-12-28 11:17:50

js 倒计时（时分秒版本）的相关文章

js简单时分秒倒计时

最近做浏览器界面倒计时,用js就实现,两种方式: 一:设置时长,进行倒计时.比如考试时间等等代码如下: 1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>简单时长倒计时</title> 5 <SCRIPT type="text/javascript"> 6 var maxtime = 60 * 60; //一个小时,按秒计算,自己调整! 7

JS倒计时——天时分秒

HTML代码: <div id="times_wrap" class="time_num"> 距离结束时间: <div class="time_w"> <b id="times_d" class="time"> </b>天 <b id="times_h" class="time"> </b>时 &

倒计时时分秒

<!doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时js代码 </title> </head> <body> 倒计时js代码 <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天&

js倒计时天时分秒[转]

JS倒计时两种种实现方式很不错

最近做浏览器界面倒计时,用js就实现,两种方式: 一:设置时长,进行倒计时.比如考试时间等等代码如下: <html> <head> <meta charset="UTF-8"> <title>简单时长倒计时</title> <SCRIPT type="text/javascript"> var maxtime = 60 * 60; //一个小时,按秒计算,自己调整! function Coun

作为一名java后台开发,在做后台管理系统时候,经常会遇到日期选择器的问题,项目中一直采用的都是bootstrap-datepicker,这个插件的确美观好用,但是最近最近开发一个竞拍模块,需要设置时分秒,那该该插件就无能为力了,因此,加强版datetimepicker,文档链接http://www.bootcss.com/p/bootstrap-datetimepicker/,按照文档重新引入新的日期插件. 首先,下载依赖的jar包引入依赖不要忘了css样式至此,时分秒选择完成! boo

JS日历控件灵活设置: 精确的时分秒.

在今年7月份时候写了一篇关于 "JS日历控件" 的文章 , 当时只支持年月日的日历控件,现在优化如下: 1. 在原基础上支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮及今天和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮就可以返回当前的年月份. 配置项如下:

C# 版本的计时器类：精确到微秒秒后保留一位小数支持年月日时分秒带单位的输出

class TimeCount { // 临时变量,存放当前类能表示的最大年份值 private static ulong MaxYear = 0; /// <summary> /// 获取毫秒能表示的最大年份数 /// </summary> /// <returns>年份数最大值</returns> public static ulong GetMaxYearCount() { if (TimeCount.MaxYear != 0) return Time

JS日历控件优化(增加时分秒)

JS日历控件优化在今年7月份时候写了一篇关于 "JS日历控件" 的文章 , 当时只支持年月日的日历控件,现在优化如下: 1. 在原基础上支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮及今天和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮就可以返回当前的年月

js 倒计时 （时分秒版本）

js 倒计时 （时分秒版本）的相关文章

js 倒计时（时分秒版本）

js 倒计时（时分秒版本）的相关文章