<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

/*

    系统时间对象

*/

// alert( new Date() );        // 当前系统的时间对象

// myTime typeof   object

window.onload = function () {

    var oBody = document.body;

    setInterval( fnTime, 1000 );

    fnTime ();

    function fnTime () {

        var myTime = new Date();

        // number

        var iYear = myTime.getFullYear();

        var iMonth = myTime.getMonth()+1;

        var iDate = myTime.getDate();

        var iWeek = myTime.getDay();

        var iHours = myTime.getHours();

        var iMin = myTime.getMinutes();

        var iSec = myTime.getSeconds();

        var str = '';

        if( iWeek === 0 ) iWeek = '星期日';

        if( iWeek === 1 ) iWeek = '星期一';

        if( iWeek === 2 ) iWeek = '星期二';

        if( iWeek === 3 ) iWeek = '星期三';

        if( iWeek === 4 ) iWeek = '星期四';

        if( iWeek === 5 ) iWeek = '星期五';

        if( iWeek === 6 ) iWeek = '星期六';

        str = iYear+ '年' +iMonth+'月'+iDate+'日 '+iWeek+' '+ toTwo(iHours)+' : '+ toTwo(iMin)+' : '+ toTwo(iSec);

        oBody.innerHTML = str;

    }

};

// alert( toTwo(5) );            // '05'

// alert( toTwo(15) );        // '15'

function toTwo ( n ) {

    return n < 10 ?  '0' + n : '' + n;

}

</script>

</head>

<body style="font-size:60px;">

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

window.onload = function () {

    var oBody = document.body;

    var oP = document.getElementById('time');

    var aImg = document.getElementsByTagName('img');

    setInterval( fnTime, 1000 );

    fnTime ();

    function fnTime () {

        var myTime = new Date();

        var iHours = myTime.getHours();

        var iMin = myTime.getMinutes();

        var iSec = myTime.getSeconds();

        var str = toTwo(iHours)+toTwo(iMin)+toTwo(iSec);

        // str = '214204';

        oP.innerHTML = str;

        // str.charAt(5)

        // aImg[4].src = 'img/' + str.charAt(4) + '.JPG';

        // aImg[5].src = 'img/' + str.charAt(5) + '.JPG';

        for ( var i=0; i<str.length; i++ ) {

            aImg[i].src = 'img/' + str.charAt(i) + '.JPG';

        }

    }

};

function toTwo ( n ) {

    return n < 10 ?  '0' + n : '' + n;

}

</script>

</head>

<body>

<p id="time" style="font-size:60px;"></p>

<img src="img/0.JPG" />

<img src="img/0.JPG" />

<img src="img/0.JPG" />

<img src="img/0.JPG" />

<img src="img/0.JPG" />

<img src="img/0.JPG" />

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script>

// 现在的时间点（在变）

// 未来的时间点（不变）

var iNow = new Date();//返回毫秒数

// var iNew = new Date( 2013, 10, 27,  21,56,0  );

var iNew = new Date( 'November 27,2013 22:3:0' );

var t = Math.floor((iNew - iNow)/1000);//floor() 去掉小数点

// 毫秒 - 秒

var str = Math.floor(t/86400)+'天'+Math.floor(t%86400/3600)+'时'+Math.floor(t%86400%3600/60)+'分'+t%60+'秒';

alert( str );

// 天：Math.floor(t/86400)

// 时：Math.floor(t%86400/3600)

// 分：Math.floor(t%86400%3600/60)

// 秒：t%60

// 数字形式：new Date( 2013,4,1,9,48,12 );

// 字符串形式：new Date('June 10,2013 12:12:12');

// January、February、March、April、May、June、

// July、August、September、October、November、December

</script>

</head>

<body>

</body>

</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. jsp输出九九乘法表

    <% String st = ""; for(int i = 1; i <= 9; i++){ for(int j = 1; j <= i; j++){ st + ...

  2. hdu 1022 - 数据结构 栈

    题目链接 按序列a进栈,问能不能按序列b出栈. 遍历b,如果当前元素进过栈了,那么必须和栈顶元素相同.如果没进过栈则按a序列压栈,直到遇到当前元素. #include <iostream> ...

  3. 51Nod 不重叠的线段（贪心）

    X轴上有N条线段,每条线段有1个起点S和终点E.最多能够选出多少条互不重叠的线段.(注:起点或终点重叠,不算重叠). 例如:[1 5][2 3][3 6],可以选[2 3][3 6],这2条线段互不重 ...

  4. caffe(4) 激活层（Activation Layers）及参数

    在激活层中,对输入数据进行激活操作(实际上就是一种函数变换),是逐元素进行运算的.从bottom得到一个blob数据输入,运算后,从top输入一个blob数据.在运算过程中,没有改变数据的大小,即输入 ...

  5. updatedb---创建或更新slocate命令所必需的数据库文件

    updatedb命令用来创建或更新slocate命令所必需的数据库文件.updatedb命令的执行过程较长,因为在执行时它会遍历整个系统的目录树,并将所有的文件信息写入slocate数据库文件中. 补 ...

  6. caioj 1084 动态规划入门（非常规DP8：任务安排）（取消后效性）

    这道题的难点在于,前面分组的时间会影响到后面的结果 也就是有后效性,这样是不能用dp的 所以我们要想办法取消后效性 那么,我们就可以把影响加上去,也就是当前这一组加上了s 那么就把s对后面的影响全部加 ...

  7. 如何在Google Play上通过电脑下载apk

    操作步骤: 1.首先打开翻 墙软件. 2.键入网址:http://apps.evozi.com/apk-downloader/ 3.将Google Play里apk的网址,复制到“Package na ...

  8. Java基础学习总结（10）——static关键字

    一.static关键字 原来一个类里面的成员变量,每new一个对象,这个对象就有一份自己的成员变量,因为这些成员变量都不是静态成员变量.对于static成员变量来说,这个成员变量只有一份,而且这一份是 ...

  9. ArcGIS api for javascript——加入地图并显示x,y坐标

    这个示例报告了用户在地图上悬停和拖拽鼠标的鼠标指针坐标.通过事件监听器来更新鼠标移到的x和y坐标. 下行代码创建了地图: var map = new esri.Map("map") ...

  10. Mahout-HashMap的进化版FastByIdMap

    FastByIdMap是基于散列的.在处理冲突时是线性探測而非分离链接,这样就不必为每个条目添加一个Map.Entry对象.从而节省内存开销. 以下代码是一个线性探測Map的Demo: package ...