1.获取当前的时间，时间没分每秒都在走，（把握现在，将来会是美好的！）
<title>获取当前时间</title>
<script type="text/javascript">
onload = function () {//地址对象 函数
setInterval(disptime, 1000);//setInterval()可按照指定的周期（以毫秒计）来调用函数或计算表达试
}
function disptime() {
var today = new Date();//获得当前时间
var hh = today.getHours();//获得小时，然后判断小时在哪个时间段
var sj = null;
if (hh <= 12) {
sj = "早上好";
} else if (hh > 12 && hh<= 18) { sj = "下午好";
} else if (hh> 18) {
sj = "晚上好";
}
var doc = document.getElementById('myid');//getElementById()方法返回对拥有指点id的第一个对象的引用 一般用于访问DIV 图片 表单元素 网页标签等，但要求访问对象的id是唯一的
//设置div的内容为当前时间
doc.innerHTML = sj + "<br/>今天日期：" + today.getFullYear() + "年" + (today.getMonth()) + "月" + today.getDate() + "日" + "<br/>现在时间：" + today.getHours() + "时" + today.getMinutes() + "分" + today.getSeconds() + "秒";
}
</script>
</head>
<body >
<div id="myid"></div>
</body>
实现效果截图：
2.10s倒计时效果，按开始按钮，时间变短，按停止按钮，时间暂停，时间为0时，可以跳转到其他页面
<title>10s倒计时效果</title>
<script type="text/javascript">
//1.1 取出div中的变量值
window.onload = function () {
var t1;
//1.4 给开始按钮注册事件
//锁定开始按钮对象
var btnStart = document.getElementById("btnStart");
//结束按钮对象
var btnStop = document.getElementById("btnStop");
btnStop.onclick = function () {
clearInterval(t1);
};
btnStart.onclick = function () {
//1.5
t1 = setInterval(step, 1000);
};
}; function step() {
//1.2 锁定div对象
var dom = document.getElementById("msg");
//1.3 innerText,innerHTML value
var num = dom.innerText;
//1.6 对num进行--操作
if (num > 0) {
num--;
}
//1.7 将运算过的num重新赋值给div的innerText
dom.innerText = num;
} </script>
</head>
<body>
<input type="button" id="btnStart" value="开始" />
<input type="button" id="btnStop" value="停止" /><br />
<div id="msg">10</div> </body>
