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. Java随机数和UUID

    Java随机数和UUID Java随机数 在Java项目中通常是通过Math.random方法和Random类来获得随机数,前者通过生成一个Random类的实例来实现. 此类产生的是一组伪随机数流,通 ...

  2. Apache常用配置

    Apache配置文件:conf/httpd.conf.(注意:表示路径时使用‘/’而不使用‘\’,注释使用‘#’) 1. ServerRoot:服务器根目录,也就是Apache的安装目录,其他的目录配 ...

  3. 运行第一个Go Web框架

    GO 语言的web框架很多,相对来说, Beego 框架,入门简单,文档齐全(中文),功能强大,本文以Beego 示例. Beego提供了详细的开发文档:http://beego.me/docs/in ...

  4. jvm - 垃圾回收

    jvm - 垃圾回收 注意 : 本系列文章为学习系列,部分内容会取自相关书籍或者网络资源,在文章中间和末尾处会有标注 垃圾回收的意义 它使得java程序员不再时时刻刻的关注内存管理方面的工作. 垃圾回 ...

  5. AJAX中使用post,get接收发送数据的区别

    如何发起请求 xhr.send(); 备注: 如果是get方式,send()命令中不用写任何参数 传递的数据可以写在url中,服务器用$_GEET["参数名"]接收 如果是post ...

  6. VS2008 C++ 利用WinHttp API获取Http请求/响应头部Header

    http://www.cnblogs.com/LCCRNblog/p/3833472.html 这一篇博客中,实现了获取http请求/响应后的html源码,现在需要获取http请求/响应的头部Head ...

  7. (2017浙江省赛E）Seven Segment Display

    Seven Segment Display Time Limit: 2 Seconds      Memory Limit: 65536 KB A seven segment display, or ...

  8. Prime Ring Problem

    Problem Description A ring is compose of n circles as shown in diagram. Put natural number 1, 2, ... ...

  9. windows 上rsync客户端使用方法

    1.1 获取 windows上实现rsync的软件(cwRsync) cwRsync是Windows 客户端GUI的一个包含Rsync的包装.您可以使用cwRsync快速远程文件备份和同步. 1.1. ...

  10. 百度Echarts导入

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...