JS实现倒计时效果代码如下：

 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>h

 <style>

 #box {

     width: 100%;

     height: 400px;

     background: black;

     color: #fff;

     font-size:40px;

     line-height:400px;

     text-align:center;

 }

 </style>

 <script>

 window.onload = function(){

     var oBox = document.getElementById('box');

     var oDate = new Date();//获取当前时间;

     oDate.setFullYear(2016,11,31);//自动进位；

     oDate.setHours(0,0,0,0);

     function countDown(){

         //未来时间戳减去现在时间的时间戳;

         var ms = oDate.getTime() - new Date().getTime();

         //毫秒转换成秒

         var oSec = parseInt(ms/1000);

         //秒转换成天

         var oDay = parseInt(oSec/86400);

         //不到一天剩下的秒数;

         oSec%=86400;

         //转换成小时

         var oHour = parseInt(oSec/3600);

         //不到一小时剩下的秒数;

         oSec%=3600;

         //转换成分钟

         var oMin = parseInt(oSec/60);

         //不到一分钟剩下的秒数;

         oSec%=60;

         oBox.innerHTML = '距离2016年12月31日还有:'+oDay+'天'+oHour+'时'+oMin+'分'+oSec+'秒';

     }

     countDown();

     setInterval(countDown,1000);

 }

 </script>

 </head>

 <body>

 <div id="box">距离2016年12月31日还有:xx天xx时xx分xx秒</div>

 </body>

 </html>

实现效果入下：

时间戳：1970年1月日至今的毫秒数:oDate.getTime(); //不要问我为什么是1970年1月至今哦！自个儿百度啦！
时间对象:
   获取时间:
      var oDate = new Date();
      oYear = oDate.getFullYear();
      oMon = oDate.getMonth();
      oDay = oDate.getDate();
      oHou = oDate.getHours();
      oMin = oDate.getMinutes();
      oSec = oDate.getSeconds();
      oWeek = oDate.getDay();

   设置时间:
      oDate.setFullYear(年,月,日);
      oDate.setMonth(月);
      oDate.setDate(日);
      oDate.setHours(时,分,秒,毫秒);
      时间会自动进位;


大概整理的就这些，还有很多不足的地方，希望大家多提宝贵意见！互相学习！互相取经！~ ~  ^_^

js实现倒计时及时间对象的更多相关文章

  1. js-------》(小效果)实现倒计时及时间对象

    js实现倒计时及时间对象 JS实现倒计时效果代码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset ...

  2. js最简洁的时间对象转成时间字符串的方法

    getTimestr(val){ let temp = val.toLocaleString() if(temp.match(/[\u4e00-\u9fa5]/g)[0]=="上" ...

  3. 一个简单的 js 时间对象创建

    JS中获取时间很常见,凑凑热闹,也获取一个时间对象试试 首先,先了解js的获取时间函数如下: var myDate = new Date();          //创建一个时间对象 myDate.g ...

  4. js时间对象格式化 format(转载)

    /** * 时间对象的格式化 */ Date.prototype.format = function(format){ /* * format="yyyy-MM-dd hh:mm:ss&qu ...

  5. js 获取时间对象代码

    /** * 获取时间对象 */function getDateObj(addDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+addDa ...

  6. js 系统时间对象

    alert(new Date()); 年是多少,月,日 var year=new Date(); var m=year.Getfullmonth; alert(m);月份特殊,必须加个数字1 数据类型 ...

  7. JS对象 Date 日期对象 日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。 定义一个时间对象 : var Udate=new Date();Date()的首字母须大写

    Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首 ...

  8. js 获取时间对象

    1.当前系统时间   var date=new Date(); 2.字符串转时间对象  var date=new Date("2018-01-01"); 3.获取年份: var y ...

  9. js时间对象Date()

    Date ()是一个专门用来创建时间对象的,是一个复杂数据类型,具有读写属性 语法: var time = new Date() 返回值:当前终端的时间 // 1.创建当前时间对象 var time ...

随机推荐

  1. jsp打印页面 js代码

    function doPrint() { bdhtml=window.document.body.innerHTML; sprnstr=""; //开始打印标识字符串有17个字符 ...

  2. vector的应用

    1.0基本操作 (1)头文件: #include<vector>; (2)创建: vector<int>vec, vector<double>vec, vector ...

  3. 开启software protection报错

    错误:             我把激活Win8的拿去激活7了 ,开了oem/efi后就ID不可用.开启software protection开不了,错误2.找不到指定文件.用其他软件重新激活则是弹出 ...

  4. kuangbin_MST B (POJ 1287)

    裸的模板题 因为直接用的邻接矩阵所以用最小值覆盖先前输入的重复边 #include <cstdio> #include <cstring> #include <queue ...

  5. F1 分数

    F1 分数会同时考虑精确率和召回率,以便计算新的分数. 可将 F1 分数理解为精确率和召回率的加权平均值,其中 F1 分数的最佳值为 1.最差值为 0: F1 = 2 * (精确率 * 召回率) / ...

  6. 生成new, old的 shell script

    #!/bin/bash #usage: ./create_dts_diff_v2.x.sh path1 path2 __new_dir=$1 __old_dir=$2 #=============== ...

  7. Yii2 AR find用法 (2016-05-18 12:06:01)

    Yii2 AR find用法 (2016-05-18 12:06:01) 转载▼     User::find()->all();    返回所有数据   User::findOne($id); ...

  8. LeetCode "Binary Tree Level Order Traversal II" using DFS

    BFS solution is intuitive - here I will show a DFS based solution: /** * Definition for a binary tre ...

  9. 学习SQL的点点滴滴（二）删除临时表

    select into 创建的表属于临时表,判断是否存在的方法 select c_adno,c_con_no into #temp from tb_contract IF OBJECT_ID( 'te ...

  10. 使用C#对SQLLite进行操作

    1.数据库连接(常用连接方法,示例) 1). 添加引用: System.Data.SQLite.DLL .2). 打开或创建数据库文件: SQLiteConnection.CreateFile(fil ...