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. yii2之依赖注入与依赖注入容器

    一.为什么需要依赖注入 首先我们先不管什么是依赖注入,先来分析一下没有使用依赖注入会有什么样的结果.假设我们有一个gmail邮件服务类GMail,然后有另一个类User,User类需要使用发邮件的功能 ...

  2. SQL&SQLite

    注册博客园有一年多了,每次都是来找点资料,从来没有写过点什么,促使我开始写博客的原因主要有两点 一是在查找资料的过程中,经常需要重复的查找某个知识点,一个知识点时间长了之后总是忘记,这样重复的过程却是 ...

  3. Vue源码后记-更多options参数（1）

    我是这样计划的,写完这个还写一篇数据变动时,VNode是如何更新的,顺便初探一下diff算法. 至于vue-router.vuex等插件源码,容我缓一波好吧,vue看的有点伤. 其实在之前讲其余内置指 ...

  4. input框内的单引号，双引号转译

    主要是在后台传前端之前先把变量值替换单引号双引号成转译付. $bianlian是要替换的变量 两种方法 1.php后台输出值先转译 //双引号替换成转译符 $bianlian=preg_replace ...

  5. linux学习（八）chmod、chown、umask、lsattr、chattr

    一.权限位 权限位分为两个部分,第一个部分是谁的权限,第二部分是权限是多少.其中第一个部分一般分为:用户,用户组,其他用户.第二部分分为r:读权限,w:写权限,x:执行权限.可读,可写,可执行的权限, ...

  6. rwx对于文件和目录的意义

    1.对于文件 r:可读. w:可以编辑,可以修改. x:可以执行.在windows中,可执行指的是.exe,.bat等这些后缀结尾的文件,在linux没有这种限制. 2.对于目录 r:表示可以用ls命 ...

  7. Windows环境下Android Studio安装和使用教程

    Windows环境下Android Studio安装和使用教程 来源: http://www.cnblogs.com/liuhongfeng/archive/2015/12/30/5084896.ht ...

  8. K - Kia's Calculation (贪心）

    Kia's Calculation Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others ...

  9. CIFAR-10 dataset 的下载与使用

    基本信息 CIFAR-10 是一个包含60000张图片的数据集.其中每张照片为32*32的彩色照片,每个像素点包括RGB三个数值,数值范围 0 ~ 255. 所有照片分属10个不同的类别,分别是 'a ...

  10. react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

    扯淡: 目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片裁剪.最大图片个数限制.拍照.本地相册等功能 ...