简单倒计时

最新推荐文章于 2023-01-03 17:02:30 发布

午后丶凉茶

最新推荐文章于 2023-01-03 17:02:30 发布

阅读量210

点赞数

文章标签：倒计时 javasp 函数

本文链接：https://blog.csdn.net/a429759863/article/details/51362085

版权

倒计时中，使用到了“window.setInterval” 和 “setTimeout” 两种不同的方法。其中B.html为跳转的网页，若联网，可使用www.某某某.com 。function C() 中内容未完善。、

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script type="text/javascript">
function timedCount(){
    var s = document.getElementById("time");
    if(s.innerHTML == 0){
        window.location.href='B.html';
        return false;
    }
    s.innerHTML--;
}
window.setInterval("timedCount();", 1000);
</script>
<script>
function C(){
	var a =document.getElementById("time3");
	}
</script>
<script>
function A(secs,surl){
	var s = document.getElementById("time2");
	s.innerHTML=secs;
	if(--secs>0){
		setTimeout("A("+secs+",'"+surl+"')",1000);
		}
		else{
			location.href=surl;
			}
	}
</script>
<script>
function B(){
	window.open("B.html")
	}
</script>
</head>

<body οnlοad="A(15,B.html);">
本页面将在<span id="time">10</span>秒钟后跳转到目的页面，如果没有自动跳转，请单击
<input type="button" id="Button1" onClick="B()" value="跳转" />
进行跳转。
<span id="time2">15</span>;a;a;a;a;a;
<span id="time3">14</span>
</body>
</html>