JS中获取时间很常见，凑凑热闹，也获取一个时间对象试试

首先，先了解js的获取时间函数如下：

var myDate = new Date();          //创建一个时间对象

myDate.getYear();                      // 获取当前年份（2位）

myDate.getFullYear();                // 获取当前完整的年份（4位，1970----？？？）

myDate.getMonth();                   // 获取当前月份（0--11,   0 代表1月）

myDate.getDate();                      // 获取当前是哪一日 （1----31）

myDate.getDay();                       // 获取当前是哪一天，即星期几（0---6 ，0代表星期天）

myDate.getTime();                      // 获取当前时间的毫秒数（从1970.1.1开始计算）

myDate.getHours();                    // 获取当前时间的小时数（0---23）

myDate.getMinutes();                  //获取当前时间的分钟数 （0---59）

myDate.getSeconds();                // 获取当前时间的秒数 （0---59）

myDate.getMilliseconds();           // 获取当前时间的毫秒数 （0---999）

myDate.toLocaleDateString();     // 获取当前时间的日期

myDate.toLocaleTimeString();     // 获取当前时间

myDate.toLocaleString();             //获取当前日期与时间

创建一个时间如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

   <meta charset="UTF-8">

   <title>Document</title>

   <style>

     .box{

       margin:200px auto;

       width:400px;

     }

     span,code{

        display: inline-block;

        font-size: 75px;

     }

   </style>

   <script>

       window.onload = function(){

         function OTime(){

           this.aspan = document.querySelectorAll('.box span');

         };

         OTime.prototype.todouble = function( n ){

           return n>10 ? '' + n : '0'+ n ;

         };

         OTime.prototype.getcurtime = function(){

           var odate = new Date();

           var OHour = odate.getHours();

           var OMin = odate.getMinutes();

           var OSec = odate.getSeconds();

           return this.todouble( OHour ) + this.todouble( OMin ) + this.todouble( OSec ) ;

         };

         OTime.prototype.setcurTime = function(){

           var str = this.getcurtime();

           for(var i=0;i<this.aspan.length;i++){

             this.aspan[i].innerHTML = str.charAt( i );

           };

         };

         OTime.prototype.showtime = function(){

           this.setcurTime();

           var that = this ;

           setInterval(function(){

             that.setcurTime();

           },1000);

         };

         var curtime = new OTime();

         curtime.showtime();

       };

   </script>

 </head>

 <body>

   <div class="box">

       <span>2</span>

       <span>2</span>

       <code>:</code>

       <span>1</span>

       <span>1</span>

       <code>:</code>

       <span>3</span>

       <span>3</span>

   </div>

 </body>

 </html>

运行结果：

一个简单的 js 时间对象创建的更多相关文章

  1. Symfony2之创建一个简单的web应用 Symfony2——创建bundle

    bundle就像插件或者一个功能齐全的应用,我们在应用层上开发的应用的所有代码,包括:PHP文件.配置文件.图片.css文件.js文件等都会包含在bunde系统中.          可以通过两种方法 ...

  2. 一个简单的JS倒计时

    看到很多商城都是抢购倒计时的功能,今天闲来无事做了个倒计时.全当学习JS. 主要思路:主要用到Date对象,声明一个变量获取当前时间,在声明一个变量获取结束时间,结束时间-当前时间=剩余时间(倒计时) ...

  3. 第163天：js面向对象-对象创建方式总结

    面向对象-对象创建方式总结 1. 创建对象的方式,json方式 推荐使用的场合: 作为函数的参数,临时只用一次的场景.比如设置函数原型对象. var obj = {}; //对象有自己的 属性 和 行 ...

  4. js时间对象Date()

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

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

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

  6. js学习对象创建

    Object.extend = function(destination, source) {for (var property in source) {    destination[propert ...

  7. 关于js的对象创建方法（简单工厂模式，构造函数模式，原型模式，混合模式，动态模式）

    // 1.工厂方式创建对象:面向对象中的封装函数(内置对象) 简单来说就是封装后的代码,简单的工厂模式是很好理解的,关于它的作用,就是利用面向对象的方法,把一些对象封装,使一些占用空间多的,重复的代码 ...

  8. 对JS关于对象创建的几种方式的整理

    最近一直在看JS高级程序设计这本书,有空来梳理一下几种创建对象的方式.话不多说,直接步入正题. 第一种:Object构造函数创建 var Person = new Object();Person.na ...

  9. 1 时间戳 2 C# 如何生成一个时间戳 3 js 时间加一分钟... 4 js string->date 5 js 取得当天0点 / 23:59:59 时间

    var str = 'Jan 23, 2019 10:25:47 AM';var strnow = new Date(str); 时间戳(timestamp),一个能表示一份数据在某个特定时间之前已经 ...

随机推荐

  1. PHP的取整函数

    PHP的取整函数有四个,分别是ceil.floor.round和intval,下面对它们进行一一介绍: 1. ceil(x):向上舍入为最接近的整数. 返回不小于 x 的下一个整数,x 如果有小数部分 ...

  2. [Bayesian] “我是bayesian我怕谁”系列 - Naive Bayes+prior

    先明确一些潜规则: 机器学习是个collection or set of models,一切实践性强的模型都会被归纳到这个领域,没有严格的定义,’有用‘可能就是唯一的共性. 机器学习大概分为三个领域: ...

  3. 为什么C++没有对应realloc的new操作符呢？

    http://blog.csdn.net/rabbit729/article/details/3400260 这个用memcpy明显是有问题的.如果类有资源分配的话,直接memcpy不能复制资源,会导 ...

  4. [译]ASP.NET Core 2.0 网址重定向

    问题 如何在ASP.NET Core 2.0中实现网址重定向? 答案 新建一个空项目,在Startup.cs文件中,配置RewriteOptions参数并添加网址重定向中间件(UseRewriter) ...

  5. iPhone X 适配解决方案

    在head里添加<meta name='viewport' content='initial-scale=1, viewport-fit=cover'> 这将导致一个页面允分利用iPhon ...

  6. json格式转化成map

    public static Map<String, Object> parseJSON2Map(String jsonStr) { Map<String, Object> ma ...

  7. TCP建立连接和断开连接图解

    参考博客: http://blog.csdn.net/whuslei/article/details/6667471 http://www.2cto.com/net/201310/251896.htm ...

  8. CodeForces - 556C Case of Matryoshkas

    //////////////////////////////////////////////////////////////////////////////////////////////////// ...

  9. 【转载】目前主流过滤XSS的三种技术

    目前主流过滤XSS的三种技术 过滤 过滤,顾名思义,就是将提交上来的数据中的敏感词汇直接过滤掉.例如对"<script>"."<a>". ...

  10. VS2015编译VS2013工程文件出错

    错误:未能从程序集"C:\Program Files (x86)\MSBuild\14.0\bin\Microsoft.Build.Tasks.v14.0.dll"加载任务工厂&q ...