如用网页中的按钮控制iframe中的计时器? - JavaScript论坛

已结贴√ 问题点数：20 回复次数：3

如用网页中的按钮控制iframe中的计时器?

我制作了一网页,需要用 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 编辑 ]

搜索更多相关主题的帖子: 计时器　按钮　 iframe　网页　

第 2 楼

得分:20

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" />
<title>按钮控制iframe中的计时器</title>
</head>

<body>
<iframe id="tt" src="timer.html" ></iframe>
<input type="button" value="开始显示时间" onclick="document.getElementById('tt').contentWindow.Timer()" />
</body>
</html>

timer.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>

第 3 楼

得分:0

谢谢aspic!

问题补充:由于我做计时器的setTimeout()函数必须放在iframe内,否则影响其它的运行,而按钮或控制计时器的函数必须放在iframe之外,即在a.html内,能使定时器"开始""暂停""继续"运行,能否用javascript传递参数的方法使能使定时器"开始""暂停""继续"?

[ 本帖最后由 zys4399 于 2009-12-2 12:28 编辑 ]

第 4 楼

得分:0

你在框架页内写相应的代码然后类似我那样写来调用框架页中的方法就可以了