js 日期

.
var date=new Date(); //创建日期对象的实例

      console.log(date);
		获取年份
		var year=date.getFullYear();
		var month=date.getMonth()+1;
		var day=date.getDate();

		
		var hour=date.getHours();//时
		var minute=date.getMinutes();//分
		var second=date.getSeconds();//秒
		var w=date.getDay();//星期

		console.log(year,month,day);
		console.log(hour,minute,second);
		console.log('星期'+w);


		var time=year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second;
		document.write(time);

计时器

	var date=new Date();  //当前日期对象
	var diffTime=date.getTime();  //距70/1/1
	console.log(diffTime);

//根据ID查找页面元素

        var o=document.getElementById('content');
		console.log(o);
		// innerHTML   开始标签和结束标签中间的内容
		o.innerHTML='hello world';

如图

简单计算器

 //查找页面元素
 		var oBtn=document.getElementById('btn');
		var txt1=document.getElementById('op1');
		var txt2=document.getElementById('op2');
		var txt3=document.getElementById('op3');
		var slt=document.getElementById('sel');

		//添加点击事件    事件需要被触发，才可以执行
		oBtn.onclick=function(){
			//获取输入框的值  转换为数值类型
			var t1=parseFloat(txt1.value);
			var t2=parseFloat(txt2.value);
			var endValue;//保存运算结果
			//判断选择了什么符号
			switch(slt.value){
				case '+':
					endValue=t1+t2;
				break;
				case '-':
					endValue=t1-t2;
				break;
				case '*':
					endValue=t1*t2;
				break;
				case '/':
					endValue=t1/t2;
				break;
				default:
					endValue=t1+t2;
				break;
			}

			//将运算结果显示到输入框中
			txt3.value=endValue;
		};

获取时间

<div id="box"></div>
<script type="text/javascript">
	var o=document.getElementById('box');//节点(元素)对象
	// console.log(o);

	//显示当前时间
	function showTime(){
		var date=new Date();
		var hour=date.getHours();
		var minute=date.getMinutes();
		var s=date.getSeconds();

		//为小于10的数字补0
		hour=addZero(hour);
		minute=addZero(minute);
		s=addZero(s);

		var time=hour+':'+minute+':'+s;
		// document.write(time);
		//在div中显示
		o.innerHTML=time;			
	}

	//为数字添加0前缀
	function addZero(num){
		if(num<10){
			num='0'+num;
		}
		return num;
	}
	
	showTime();
	setInterval(showTime,1000);

	//松耦合