1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script>
  7. /*
  8.     系统时间对象
  9. */
  10. // alert( new Date() );        // 当前系统的时间对象
  11. // myTime typeof   object
  12. window.onload = function () {
  13.     var oBody = document.body;
  14.     setInterval( fnTime, 1000 );
  15.     fnTime ();
  16.     function fnTime () {
  17.         var myTime = new Date();
  18.         // number
  19.         var iYear = myTime.getFullYear();
  20.         var iMonth = myTime.getMonth()+1;
  21.         var iDate = myTime.getDate();
  22.         var iWeek = myTime.getDay();
  23.         var iHours = myTime.getHours();
  24.         var iMin = myTime.getMinutes();
  25.         var iSec = myTime.getSeconds();
  26.         var str = '';
  27.         if( iWeek === 0 ) iWeek = '星期日';
  28.         if( iWeek === 1 ) iWeek = '星期一';
  29.         if( iWeek === 2 ) iWeek = '星期二';
  30.         if( iWeek === 3 ) iWeek = '星期三';
  31.         if( iWeek === 4 ) iWeek = '星期四';
  32.         if( iWeek === 5 ) iWeek = '星期五';
  33.         if( iWeek === 6 ) iWeek = '星期六';
  34.         str = iYear+ '年' +iMonth+'月'+iDate+'日 '+iWeek+' '+ toTwo(iHours)+' : '+ toTwo(iMin)+' : '+ toTwo(iSec);
  35.         oBody.innerHTML = str;
  36.     }
  37. };
  38. // alert( toTwo(5) );            // '05'
  39. // alert( toTwo(15) );        // '15'
  40. function toTwo ( n ) {
  41.     return n < 10 ?  '0' + n : '' + n;
  42. }
  43.  
  44. </script>
  45.  
  46. </head>
  47.  
  48. <body style="font-size:60px;">
  49. </body>
  50. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6. <script>
  7. window.onload = function () {
  8.     var oBody = document.body;
  9.     var oP = document.getElementById('time');
  10.     var aImg = document.getElementsByTagName('img');
  11.     setInterval( fnTime, 1000 );
  12.     fnTime ();
  13.     function fnTime () {
  14.         var myTime = new Date();
  15.         var iHours = myTime.getHours();
  16.         var iMin = myTime.getMinutes();
  17.         var iSec = myTime.getSeconds();
  18.         var str = toTwo(iHours)+toTwo(iMin)+toTwo(iSec);
  19.         // str = '214204';
  20.         oP.innerHTML = str;
  21.         // str.charAt(5)
  22.         // aImg[4].src = 'img/' + str.charAt(4) + '.JPG';
  23.         // aImg[5].src = 'img/' + str.charAt(5) + '.JPG';
  24.         for ( var i=0; i<str.length; i++ ) {
  25.             aImg[i].src = 'img/' + str.charAt(i) + '.JPG';
  26.         }
  27.     }
  28. };
  29.  
  30. function toTwo ( n ) {
  31.     return n < 10 ?  '0' + n : '' + n;
  32. }
  33. </script>
  34. </head>
  35. <body>
  36. <p id="time" style="font-size:60px;"></p>
  37. <img src="img/0.JPG" />
  38. <img src="img/0.JPG" />
  39. <img src="img/0.JPG" />
  40. <img src="img/0.JPG" />
  41. <img src="img/0.JPG" />
  42. <img src="img/0.JPG" />
  43. </body>
  44. </html>
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>无标题文档</title>
  6.  
  7. <script>
  8. // 现在的时间点（在变）
  9. // 未来的时间点（不变）
  10. var iNow = new Date();//返回毫秒数
  11. // var iNew = new Date( 2013, 10, 27,  21,56,0  );
  12.  
  13. var iNew = new Date( 'November 27,2013 22:3:0' );
  14.  
  15. var t = Math.floor((iNew - iNow)/1000);//floor() 去掉小数点
  16. // 毫秒 - 秒
  17. var str = Math.floor(t/86400)+'天'+Math.floor(t%86400/3600)+'时'+Math.floor(t%86400%3600/60)+'分'+t%60+'秒';
  18.  
  19. alert( str );
  20.  
  21. // 天：Math.floor(t/86400)
  22. // 时：Math.floor(t%86400/3600)
  23. // 分：Math.floor(t%86400%3600/60)
  24. // 秒：t%60
  25.  
  26. // 数字形式：new Date( 2013,4,1,9,48,12 );
  27. // 字符串形式：new Date('June 10,2013 12:12:12');
  28.  
  29. // January、February、March、April、May、June、
  30. // July、August、September、October、November、December
  31. </script>
  32.  
  33. </head>
  34.  
  35. <body>
  36. </body>
  37. </html>

js---10时间类的更多相关文章

  1. (总结)工作中常用的js自定义函数——日期时间类

    //设置时间类 var Wsdatatime = function(){ this.today = (new Date()).getTime(); //当前时间 } Wsdatatime.protot ...

  2. js(jQuery)获取时间的方法及常用时间类搜集

    获取时间的方法及常用时间类都是大家经常使用的,在本文为大家整理了一些,个人感觉还比较全,感兴趣的朋友可以收集下   复制代码代码如下: $(function(){ var mydate = new D ...

  3. js的时间操作方法

    1.js获取系统时间格式为YYYY-MM-DD HH:MM:SS 1 function curDateTime(){ 2 var d = new Date(); 3 var year = d.getY ...

  4. js格式化时间的方法

    方法一:用js格式化时间的方法. Date.prototype.format =function(format) { var o = { "M+" : this.getMonth( ...

  5. js常用工具类.

    一些js的工具类 复制代码 /** * Created by sevennight on 15-1-31. * js常用工具类 */ /** * 方法作用:[格式化时间] * 使用方法 * 示例: * ...

  6. iOS－－时间类date详解

    NSDate定义时间的类 NSDate是一个时间类,在编写程序时,我们很少遇到.今天我突然碰到,感觉很生疏. 给大家发个博客,让大家也都温习一下,哈哈! 兄弟用的时候突然发现竟然有一些bug,大家用时 ...

  7. js模块，类，继承，命名空间，私有属性等相关概念梳理

    js确切的说是一种基于对象的语言,和纯面向对象的语言(比如as)稍微有点区别,js中没有类的概念.虽然有继承但是基于原型的继承.随着前段越来越受重视,jser们利用js的一些特性他们制造出了和纯面向对 ...

  8. 原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

    原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC " ...

  9. java最全时间类及用法

    对于时间类,这篇主要说明各种现实情况下如何取值,怎么定向取值,得到自己想要的时间参数.在java中时间类主要有Date.Calendar,暂时只介绍 java.util.*下的时间类,对于java.s ...

  10. Java8与传统的日期和时间类详解

    一.传统的日期时间类(Date和Calendar) 1. Date类 这里的Date是位于java.util包下的类,而不是java.sql包下的date类,Date对象即包含日期也包含时间,从JDK ...

随机推荐

  1. [GDKOI2010] 圈地计划(网络流)

    题2链接:https://www.luogu.org/problemnew/show/P1935 Description 最近房地产商GDOI(Group of Dumbbells Or Idiots ...

  2. PostgreSQL Replication之第七章 理解Linux高可用（3）

    7.3 高可用软件的历史 有大量的专有的和开源的高可用性软件.专有的例子有:Solaris Cluster (有时称为Sun 集群 or SunCluster), SteelEye LifeKeepe ...

  3. WebSocket handshake: Unexpected response code: 404

    在执行    http://www.cnblogs.com/best/p/5695570.html  提供的 websocket时候, 报错了 “WebSocket handshake: Unexpe ...

  4. Unity3D 之 C# 脚本

    引用类型 :class ,interface, 数组 , delegate , object ,string (object 是C#中所有类型,包括所有的值类型和引用类型的根类,string 类型是一 ...

  5. JS中的switch case

    function GetDepartmentName(type) { switch (type) { case DepartMentQian: alert($('#DepartMentQian').v ...

  6. tomcat动态查看服务器打印日志

    [root@localhost ~]# cd /usr/local/tomcat/logs [root@localhost logs]# tail -f catalina.out   FROM:htt ...

  7. WLAN HAL

      WLAN HAL WLAN 框架具有三个 WLAN HAL 表面,分别由三个不同的 HIDL 软件包表示: 供应商 HAL:Android 专用命令的 HAL 表面.HIDL 文件位于 hardw ...

  8. 据统计WIN10用户已经比WIN7多

    数据统计机构Netmarketshare今天发布了2018年12月份最新的桌面操作系统份额报告.在看似无休止的等待之后,微软在2018年取得了最后的胜利,不仅成为市值最高的公司,而且最新的Window ...

  9. dd---复制文件并对原文件的内容进行转换和格式化处理

    dd命令用于复制文件并对原文件的内容进行转换和格式化处理.dd命令功能很强大的,对于一些比较底层的问题,使用dd命令往往可以得到出人意料的效果.用的比较多的还是用dd来备份裸设备.但是不推荐,如果需要 ...

  10. 多client并发登录

    //LoginClient.java package mySocket; import java.io.BufferedReader; import java.io.InputStreamReader ...