window.onload = function(){
var uS = 604800; //后台提供 : 秒
var day=hour=minute=second=0, timer;
var demo = document.getElementById("demo");
//秒数转为 日:时:分:秒
uS==0 || (uS<86400||(day=Math.floor(uS/86400), uS=uS%86400))
&& uS==0 || (uS<3600||(hour=Math.floor(uS/3600), uS=uS%3600))
&& uS==0 || (uS<60||(minute=Math.floor(uS/60), uS=uS%60))
&& uS==0 || (second=uS);
//计时器一只
timer = setInterval(function(){
demo.innerHTML= "还剩 "+day+"天"+hour+"时"+minute+"分"+second+"秒";
second!=0 ? second-- :
(second=59, minute!=0 ? minute-- :
(minute=59, hour!=0 ? hour-- :
(hour=23, day!=0 ? day-- :
(hour=minute=second=0, clearInterval(timer)))));
},1000);
}
 <div id="demo"></div>

简洁明了,自己写的。

-----

顺便补习下javascript的时间相关函数吧!Fri Aug 15 2014 17:38:47 GMT+0800 (中国标准时间)

 new Date()  //当前时间
new Date(milliseconds) //距1970年01月01日毫秒数
new Date(datestring) //datestring可用Date.parse()转换,示例:08/09/1999、08/09/1999 20:15:15、Jannuary 1, 1998 20:13:15、2009-08-08 12:12:12
new Date(year, month, day, hours, minutes, seconds, microseconds) //可部分,月从0开始,若数值超出常规值,进位

日期获取类函数

  • Date() 函数 -- Date对象的构造函数
  • getDate() 函数 -- 返回date对象中的月份中的天数(1-31)
  • getDay()函数 -- 返回date对象中的星期中的天数(0-6)
  • getFullYear() 函数 -- 返回date对象中的四位数年份
  • getHours()函数 -- 返回date对象中的小时数(0-23)
  • getMilliseconds() 函数 -- 返回date对象中的毫秒数(0-999)
  • getMinutes() 函数 -- 返回date对象中的分钟数(0-59)
  • getMonth() 函数 -- 返回date对象中的月份数(0-11)
  • getSeconds() 函数 -- 返回date对象中的秒数(0-59)
  • getTime() 函数 -- 返回date对象的时间戳表示法(毫秒表示)
  • getTimezoneOffset() 函数 -- 返回本地时间与用UTC表示当前日期的时间差,以分钟为单位
  • getUTCDate() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份中的一天(1-31)
  • getUTCDay() 函数 -- 返回date对象中用世界标准时间(UTC)表示的周中的一天(0-6)
  • getUTCFullYear() 函数 -- 返回date对象中用世界标准时间(UTC)表示的四位年份
  • getUTCHours() 函数 -- 返回date对象中用世界标准时间(UTC)表示的小时数(0-23)
  • getUTCMilliseconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的毫秒数(0-999)
  • getUTCMinutes() 函数 -- 返回date对象中用世界标准时间(UTC)表示的分钟数(0-59)
  • getUTCMonth() 函数 -- 返回date对象中用世界标准时间(UTC)表示的月份数(0-11)
  • getUTCSeconds() 函数 -- 返回date对象中用世界标准时间(UTC)表示的秒数(0-59)
  • getYear() 函数 -- 返回date对象的年份(真实年份减去1900)
  • Date.UTC()函数 -- 返回date对象距世界标准时间(UTC)1970年1月1日午夜之间的毫秒数(时间戳)

日期设置类函数

  • setDate() 函数 -- 设置date对象中月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setFullYear() 函数 -- 设置date对象中的年份,月份和天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setHours() 函数 -- 设置date对象的小时,分钟,秒和毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setMilliseconds() 函数 -- 设置date对象的毫秒数,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setMinutes() 函数 -- 设置date对象的分钟,秒,毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setMonth() 函数 -- 设置date对象中月份,天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setSeconds() 函数 -- 设置date对象中月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setTime() 函数 -- 使用毫秒数设置date对象,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCDate() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份的一天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCFullYear() 函数 -- 设置date对象中用世界标准时间(UTC)表示的年份,月份和天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCHours() 函数 --- 设置date对象中用世界标准时间(UTC)表示的小时,分钟,秒和毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCMilliseconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的毫秒数,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCMinutes() 函数 -- 设置date对象中用世界标准时间(UTC)表示的分钟,秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCMonth() 函数 -- 设置date对象中用世界标准时间(UTC)表示的月份,天,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setUTCSeconds() 函数 -- 设置date对象中用世界标准时间(UTC)表示的秒,毫秒,并返回date对象距1970年1月1日午夜之间的毫秒数(时间戳)
  • setYear() 函数 -- 设置date对象的年份(真实年份减去1900)

日期打印类函数

  • toDateString() 函数 -- 返回date对象的日期部分的字符串表示
  • toGMTString() 函数 -- 返回date对象的格林威治时间(GMT)的字符串表示
  • toLocaleDateString函数 -- 返回date对象的日期部分的本地化字符串
  • toLocaleTimeString函数 -- 返回date对象的时间部分的本地化字符串
  • toTimeString()函数 -- 返回date对象的时间部分的字符串
  • toUTCString函数 -- 返回date对象的世界标准时间(UTC)的字符串表示

日期解析类函数

  • Date.parse() 函数 -- 解析一个日期的字符串,并返回该日期距1970年1月1日午夜之间的毫秒数(时间戳)

JS倒计时器一只,顺便复习javascript时间相关函数的更多相关文章

  1. [原创作品]一个实用的js倒计时器 postby:zhutty.cnblogs.com

    今天做了一个手机短信发送倒计时,额,就是每隔多长时间可以重新发送的功能.贡献出来给园有吐槽点评. //倒计时,time:时长(秒),scb:每秒回调,cb:计时完成回调 var timing = fu ...

  2. 微信公众号-5秒内不回复测试并处理方案,顺便复习php 时间执行

    在index.php中 file_put_contents('has_request.txt','请求时间:'.date('YmdHis')."\n",FILE_APPEND); ...

  3. 【JavaScript】JS从入门到深入(复习查漏向

    [JavaScript]JS从入门到深入(复习查漏向 pre 精细得学过一遍JS后才发现,原来之前CTF中有些nodejs的题目以及一些游戏题的payload就变得很好理解了. 基础知识 ECMASc ...

  4. 【JavaScript】分秒倒计时器

    一.基本目标 在JavaScript设计一个分秒倒计时器,一旦时间完毕使button变成不可点击状态 详细效果例如以下图.为了说明问题.调成每50毫秒也就是每0.05跳一次表, 真正使用的时候,把wi ...

  5. JS高程2.在HTML中使用Javascript(1)

    1.使用<script>元素向HTML页面中插入Javascript HTML4.01中<script>标签有6个属性: (1)async:可选.表示立即下载脚本,不影响页面中 ...

  6. Nonove js timer 计时器

    <html> <head> <title> Nonove js timer 计时器 </title> </head> <body> ...

  7. 多线程之倒计时器CountDownLatch和循环栅栏CyclicBarrier

    1.倒计时器CountDownLatch CountDownLatch是一个多线程控制工具类.通常用来控制线程等待,它可以让一个线程一直等待知道计时结束才开始执行 构造函数: public Count ...

  8. JS的replace默认只替换第一个匹配项

    1. JS的replace默认只替换第一个匹配项. 解决方法: 使用正则表达式进行匹配替换[   ①.replace(new RegExp(②,"g") ,③);   ] ①:包含 ...

  9. Android倒计时器——CountDownTimer

    Android倒计时器--CountDownTimer 说明 第一个参数是倒计时的时间 第二个参数是多长时间执行一次回调 /** * @param millisInFuture The number ...

随机推荐

  1. 使用 hibernate 根据映射文件生成数据库表

    为了更好的显示效果,可以在hibernate.cfg.xml配置文件的<session-factory>标签里加入以下内容: 显示sql语句和格式化显示sql语句: <propert ...

  2. jQuery :lt()选择器

    定义和用法 :lt() 选择器选取 index 值小于指定数字的元素.(不包含指定值) index 值从 0 开始.(从0开始计数) 最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之前的元 ...

  3. html 中head显示 在标题栏里面的图片

    在<head>标签里加<link rel="Shortcut Icon" href="你的ico图片地址" /> 一般标题栏里的图片是1 ...

  4. java整体集合框架

    1.关于集合的两道面试题 先来看几道题目: 1.创建一个不可变的的集合: public static void main(String[] args) { Set<String> set ...

  5. 在win8.1下安装laravel5.1时碰到的坑不少,但总算搞掂,真有点不容易。

    安装好php后,安装laravel的方法有如下几种. 1.先安装好composer, 再用composer下载资源并安装,命令如下: composer create-project laravel/l ...

  6. codevs 1913 数字梯形问题 费用流

    题目链接 给你一个数字梯形, 最上面一层m个数字, 然后m+1,......m+n-1个. n是层数. 在每个位置, 可以向左下或右下走.然后让你从最顶端的m个数字开始, 走出m条路径, 使得路过的数 ...

  7. lua学习笔记(2)-常用调用

    assert(loadstring("math.max(7,8,9)"))dofile("scripts/xxx.lua")math.floor()math.r ...

  8. MVC 创建带图片的<A></A>标签

    <a href="@Url.Action("Detail", "Product", new { messageId = item.message ...

  9. 各种HelloWorld

    http://blog.csdn.net/whxaing2011/article/details/20736759 ES总结: http://www.cnblogs.com/sunxucool/p/3 ...

  10. zk 节点故障 重连机制

    <pre name="code" class="html">如果在连接时候zk服务器宕机 To create a client session th ...