1、变量、参数、return可以装任何东西。

2、什么时候使用window.onload?
        当操作元素时
 
3、日期对象：在创建日期对象的时候它的日期是不会改变的。
        获取日期
        var oDate=new Date();
        oDate.getFullYear();//获取年份
        oDate.getMonth()+1;//获取月份
        oDate.getDate();//获取天
        oDate.getDay();//获取星期 ，星期日是0.
        获取小时
        oDate.getHours();//获取小时
        oDate.getMinutes();//获取分钟
        oDate.getSeconds();//获取秒数
        获取时间戳
        oDate.getTime();//1437459829777    时间戳。从1970年1月1日到现在经历的毫秒数。
        设置年月日
        oDate.setFullYear(年，月，日);
        设置时分秒
        oDate.setHours(h,m,s,ms);//时、分、秒、毫秒
4、

实例：倒计时

    1、获取目标的时间戳

    2、获取现在的时间戳

    3、获取时间戳的差值=目标-现在；用到定时器

<script>

	function toDouble(inum){

		return inum>10?''+inum:'0'+inum;

	}

	window.onload=function(){

		var ospan=document.getElementsByTagName('span')[0];

		//获取目标时间戳

		var iTarget=new Date();

		iTarget.setFullYear(2015,9,1);

		iTarget.setHours(0,0,0,0);

		var iTartime=iTarget.getTime();

		//获取当前时间戳和目标事件戳的差值

		function countDown(){

			var oDate=new Date();

			var iTime=oDate.getTime();

			var s=parseInt((iTartime-iTime)/1000);

			var d=parseInt(s/86400);

			s%=86400;

			var h=parseInt(s/3600);

			s%=3600;

			var m=parseInt(s/60);

			s%=60;

			ospan.innerHTML=toDouble(d)+'天'+toDouble(h)+'小时'+toDouble(m)+'分钟'+toDouble(s)+'秒';

		}

		//声明定时器获取当前时间戳

		countDown();

		setInterval(countDown,1000);

	};

</script>

5、时钟例子

实例：时钟

<script>

	window.onload=function(){

		function toDouble(inum){

			return inum>10?inum:'0'+inum;

		}

		getNowTime();

		function getNowTime(){

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

			var oData=document.getElementById('date');

			var oWeek=document.getElementById('week');

			var oDate=new Date();

			var h=oDate.getHours();

			var m=oDate.getMinutes();

			var s=oDate.getSeconds();

			var y=oDate.getFullYear();

			var M=oDate.getMonth()+1;

			var d=oDate.getDate();

			var w=oDate.getDay();

			oTime.innerHTML=toDouble(h)+':'+toDouble(m)+':'+toDouble(s);

			oData.innerHTML=y+'年'+M+'月'+d+'日';

			oWeek.innerHTML='星期'+w;

		}

		var timer=null;

		clearInterval(timer);

		timer=setInterval(function(){

			getNowTime();

		},1000);

	}

</script>

6、　模拟时钟

模拟时钟2：

      步骤：1、分别获取时分秒然后拼成字符串

                2、字符串注意补0，所以要写一个补0的方法

                3、定时器封装获取时间。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

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

<style>

*{margin:0; padding:0;}

body{background:#000; color:#fff; font-size:70px; text-align:center;}

</style>

<script>

  window.onload=function(){

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

	function toDouble(inum){

	 	return inum>10?''+inum:'0'+inum;

	}

	function getNowTime(){

		var oDate=new Date();

		var h=oDate.getHours();

		var m=oDate.getMinutes();

		var s=oDate.getSeconds();

		var num=toDouble(h)+toDouble(m)+toDouble(s);

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

			aImg[i].src='img/'+ num.charAt(i)+'.png'

		}

	}

	getNowTime();

	setInterval(function(){getNowTime();},1000);

  }

</script>

</head>

<body>

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

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

<span>:</span>

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

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

<span>:</span>

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

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

</body>

</html>

　　

　

　　

1.5 js基础的更多相关文章

  1. js 基础篇（点击事件轮播图的实现）

    轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现 首 ...

  2. js 基础

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

  3. js基础练习二之简易日历

    今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月 ...

  4. [JS复习] JS 基础知识

    项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display  :inline or bloc ...

  5. JS基础（超级简单）

    1     JS基础(超级简单) 1.1 数据类型 1.1.1   基本类型: 1)        Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2)       ...

  6. Node.js基础与实战

    Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境 模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP& ...

  7. js基础到精通全面教程--JS教程

    适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人 基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”J ...

  8. JS基础知识总结

      js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划() ...

  9. js基础篇——call/apply、arguments、undefined/null

    a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象 ...

  10. js基础知识总结（2016.11.1）

    js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避 ...

随机推荐

  1. Centos配置多个tomcat服务器，并用nginx实现负载均衡

    centos配置tomcat请参见上一篇博文 :http://www.cnblogs.com/nanyangzp/p/4897655.html 一:多tomcat利用不同端口开启服务器 多个tomca ...

  2. &class::data_member与&object.data_menber之间的差异

    前者取data_member在class中的offset:指针类型是:type class::* 后者将会得到该data_member在内存中的真正地址:指针类型是:type*

  3. HTML中的内容总结

    一.URL编码类型 对于Get方法,参数是直接通过URL传递的,那这个参数又是根据什么进行编码的呢?对于JSP网页,这个编码是通过第一句描述: <%@ page language="j ...

  4. ORM,Entity Framework介绍以及其所包含的基础架构介绍

    一:entity framework 6.0 ORM (实体关系模型) O: Domain Object 领域模型 R: Relational Database 关系型数据库 M: Mapping 映 ...

  5. Linq分区操作之Skip,SkipWhile,Take,TakeWhile源码分析

    Linq分区操作之Skip,SkipWhile,Take,TakeWhile源码分析 二:linq的分区操作 常用的分区操作:Take,TakeWhile,Skip,SkipWhile 三:Take ...

  6. Partition--分区切换2

    有分区表TB2和TB2_History CREATE TABLE TB2( ID  BIGINT IDENTITY(1,1) PRIMARY KEY, C1 NVARCHAR(200))ON[ps_T ...

  7. css3动画简单应用

    CSS3添加了几个动画效果的属性,通过设置这些属性,可以做出一些简单的动画效果而不需要再去借助JavaScript.CSS3动画的属性主要分为三类:transform.transition以及anim ...

  8. “全栈2019”Java第十四章：二进制、八进制、十六进制

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...

  9. “全栈2019”Java第十三章：基本数据类型

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java第 ...

  10. 分享VMware题目解答

    VMnet1是主机模式.是一个Host-Only网络模式 192.168.1.254/24VMnet8是NAT模式.是一个NAT方式,最简单的组网方式VMnet6是手动设置的(主机.net.内部) 1 ...