<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>部分window对象</title>
<script type="text/javascript">
//无穷循环中的计时
var c = 0;
var t;
function timeCount(){
document.getElementById("txt").value = c;
c = c+1;
t = setTimeout("timeCount()",1000);
}
//无穷循环中的计时 - 带有一个停止按钮
var c = 0;
var t1;
function begainCount(){
document.getElementById(‘txt1‘).value=c
c1=c1+1
t1=setTimeout("begainCount()",1000)
}
function stopCount(){
clearTimeout(t1);
}
//一个时钟
function startTime(){
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById("txt2").innerHTML = h + ":" + m + ":" + s;
t = setTimeout(‘startTime()‘,500);
}
function checkTime(i){
if (i<10){
i = "0" + i;
}
return i;
}
//显示pop-up
function show_popup(){
var p = window.createPopup();
var pbody = p.document.body;
pbody.style.backgroundColor="red"
pbody.style.border="solid black 1px"
pbody.innerHTML="这是一个 pop-up！在 pop-up 外面点击，即可关闭它！"
p.show(150,150,200,50,document.body)
}
document.getElementById("p1").innerHTML="New text!";
</script>
</head>
<body >
<!--无穷循环中的计时-->
<form>
<input type="button" value="开始计时！" onclick="timeCount()">
<input type="text" id = "txt">
</form>
<p>点击上面的按钮，计时框会从0开始一直计时。</p>
<!--无穷循环中的计时 - 带有一个停止按钮-->
<form>
<input type="button" onclick="begainCount()" value="开始计时">
<input type="text" id = "txt1" >
<input type="button" onclick="stopCount()" value="停止计时">
</form>
<p>请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。</p>
<!--一个时钟-->
<div id = "txt2"></div>
<!--显示pop-up-->
<input type="button" onclick="show_popup()" value="show_pop-up">
</body>
</html>