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. IDEA + Maven + JavaWeb项目搭建

    前言:在网上一直没找到一个完整的IDEA+Maven+Web项目搭建,对于IDEA和Maven初学者来说,这个过程简单但是非常痛苦的,对中间的某些步骤不是很理解,导致操作错误,从而项目发布不成功,一直 ...

  2. 微信退款流程，以及在过程中遇见的错误和解决方式(php 语言)

    官方下载demo 1:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=11_1 开发步骤  :    https://pay.weix ...

  3. LeetCode 15. 3Sum（三数之和）

    Given an array S of n integers, are there elements a, b, c in S such that a + b + c = 0? Find all un ...

  4. C++头文件的处理

    C++的头文件比自己想的要复杂,不是简单地添加自己需要的头文件,这当中有一定的规律.简单归于以下几点: 1.非stadfx.h的头文件必须要有#pragma once的编译提示符,具体原因也不明白. ...

  5. Tinyhttpd阅读笔记

    1.简介 tinyhttpd是一个开源的超轻量型Http Server,阅读其源码,可以对http协议,微型服务器有进一步的了解. 源码链接: 参考博客:tinyhttpd源码分析 2.笔记 ---- ...

  6. Basic Data Structure

    Basic Data Structure Time Limit: 7000/3500 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Oth ...

  7. vue初级学习--组件的使用(自定义组件)

    一.导语 突然冒出四个字,分即是合,嗯,优点道理....................... 二.正文 在搞的仿淘宝demo,之前加入购物车是与商品详情一块的,今天把它单独拆出来,复用性高点,那这样 ...

  8. phpstorm php $post数据为空的原因

    今天拿PHPstoem 写了个PHP的表单插入数据,然后直接在里面一运行,就一直提示什么未定义,其实是因为$_PSOT[] 取不到值. 后面发现原来是直接用phpstorm 运行PHP的话,他会自带端 ...

  9. jQuery实现checkbox即点即改，批量计数，以及中间遇到的坑

    最近要用jQuery实现一个批量删除操作,效果如下图 最终页面page.html,此页面使用了bootstrap和jQuery,如果没有需要下载一下 <!DOCTYPE html> < ...

  10. winscp连接虚拟机Linux被拒绝的问题解决方案

    输入了正确的账号密码还出现这个错误 我们需要在虚拟机中配置一下,改成这样就行了