|
#2
aspic2009-12-02 09:03
a.html
 程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=gb2312" /> timer.html<title>按钮控制iframe中的计时器</title> </head> <body> <iframe id="tt" src="timer.html" ></iframe> <input type="button" value="开始显示时间" onclick="document.getElementById('tt').contentWindow.Timer()" /> </body> </html> 程序代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>按钮控制iframe中的计时器</title> </head> <body> 记时器:<span id="nTime"></span> <script> function Timer(){ var i=0; ShowTime(i); while (i<3600){ i++; setTimeout("ShowTime("+i+");", 1000*i); } } function ShowTime(t){ h=parseInt(t/3600); m=parseInt((t-h*3600)/60); s=t-h*3600-m*60 document.getElementById('nTime').innerText =h+":"+m+":"+s } </script> </body> </html> |
我制作了一网页,需要用 javascript脚本通过网页中的按钮控制iframe中的计时器，如何实现?哪位能指导一下？
问题补充:由于我做计时器的setTimeout()函数必须放在iframe内,否则影响其它的运行,而按钮或控制计时器的函数必须放在iframe之外,即在a.html内,能使定时器"开始""暂停""继续"运行,能否用javascript传递参数的方法使能使定时器"开始""暂停""继续"?
a.html
<script > ????? </script >
……
<iframe name="tt" src="timer.htm" ></iframe>
……
timer.htm
<script language="JavaScript">
function Timer(){
var i=0;
ShowTime(i);
while (i<3600){
i++;
setTimeout("ShowTime("+i+");", 1000*i);
}
}
function ShowTime(t){
h=parseInt(t/3600);
m=parseInt((t-h*3600)/60);
s=t-h*3600-m*60
nTime.innerText =h+":"+m+":"+s
}
</script>
[ 本帖最后由 zys4399 于 2009-12-2 12:25 编辑 ]