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实现在线文档浏览

    目前发现两种方法: 1.http://dxx23.iteye.com/blog/1947083 FlexPaper+SWFTools ,java实现在线文档浏览 2.webOffice

  2. Vue源码后记-vFor列表渲染（1）

    钩子函数比较简单,没有什么意思,这一节搞点大事情 => 源码中v-for的渲染过程. vue的内置指令包含了v-html.v-if.v-once.v-bind.v-on.v-show等,先从一个 ...

  3. d3根据数据绘制不同的形状

    绘制力导向图的时候通常节点都是圆形,但也会遇到公司节点绘制成圆型,人绘制成方形的情况,那我们怎么依据数据绘制不同的形状. 你可能首先会想到,这很简单啊,是公司的时候append circle,是人的时 ...

  4. 什么是Echarts？Echarts如何使用？

    什么是Echarts? Echarts--商业级数据图表    商业级数据图表,它是一个纯JavaScript的图标库,兼容绝大部分的浏览器,底层依赖轻量级的canvas类库ZRender,提供直观, ...

  5. 平衡二叉树（AVL树）

    参考资料 http://www.cnblogs.com/Cmpl/archive/2011/06/05/2073217.html http://www.cnblogs.com/yc_sunniwell ...

  6. Pie

    Problem Description My birthday is coming up and traditionally I'm serving pie. Not just one pie, no ...

  7. sersync实现数据实时同步

    1.1 第一个里程碑:安装sersync软件 1.1.1 将软件上传到服务器当中并解压 1.上传软件到服务器上 rz -E 为了便于管理上传位置统一设置为 /server/tools 中 2.解压软件 ...

  8. 原生JS实现图片放大镜插件

      前  言 我们大家经常逛各种电商类的网站,商品的细节就需要用到放大镜,这个大家一定不陌生,今天我们就做一个图片放大镜的插件,来看看图片是如何被放大的…… 先看一下我们要是实现的最终效果是怎么样的  ...

  9. defer与async

    defer:该属性指定的脚本不会修改DOM,因此代码可以安全的延迟执行. 含defer属性的script标签可以放在任何位置,在页面解析到该script标签时,开始下载脚本,但不会执行脚本,直至DOM ...

  10. Python爬虫小实践：寻找失踪人口，爬取失踪儿童信息并写成csv文件，方便存入数据库

    前两天有人私信我,让我爬这个网站,http://bbs.baobeihuijia.com/forum-191-1.html上的失踪儿童信息,准备根据失踪儿童的失踪时的地理位置来更好的寻找失踪儿童,这种 ...