【JS学习笔记】JS基础中：流程控制-优快云博客

本文链接：https://blog.youkuaiyun.com/QIULANZHU/article/details/50544534

晓石头的博客
邮箱：178673693@qq.com
转载请注明出处，原文链接：http://blog.youkuaiyun.com/qiulanzhu/article/details/50544534

index.html

--------------------------------

<!DOCTYPE HEML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>
   <title>使用JS</title>
   <script type="text/javascript" src="demo.js"></script>
 </head>
 <body>
	<br>
	<input type="button" value="点击" οnclick="timeDelay()">
	<br>
	<input type="button" value="计数" οnclick="countTime()">
	<input type="text" id="txt">
	<input type="button" value="停止" οnclick="stopTime()">
 </body>
</html>

demo.js

--------------------------------

(function(){
	//if 分支
	var data = new Date();
	var hour = data.getHours();
	if(hour >= 18)
	{
		document.write("<b>good night!</b><br>");		
	}
	else
	{
		document.write(hour +"<br>");
	}
	
	//三目运算符
	str = hour>12 ? "PM" : "AM";
	document.write(str+"<br>");
	
	//case
	var week = data.getDay();
	switch(week)
	{
		case 1:
		document.write("today is monday.<br>");
		break;
		
		case 2:
		break;
		
		case 3:
		break;
		
		default:
		break;
	}
	
//循环：for(变量 in 对象)
var o = {name:"qiuyi", age:27};
for(key in o)
{
	document.write(key + ":" + o[key] + "<br>");
}

//异常捕获
try
{
	document.write(2/0);
}
catch(e)
{
	throw new Error(e);
}
	
})()

//定时器
function timeDelay(){
	var t = setTimeout("alert('1s time out!')", 1000);
}

var count = 0;
var tHandle = null;

function countTime(){
	document.getElementById("txt").value = count;
	count = count + 1;
	tHandle = setTimeout("countTime()", 1000);
}

function stopTime(){
	clearTimeout(tHandle);
}