如何用javascript，显示5秒，4，3，2，1然后自动跳转页面？谢谢

oyanblue 2010-12-16 08:23:07

...全文

278 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

遊戲王千金 2010-12-17

打赏
举报



<meta http-equiv='refresh' content='5;url=index.html'>

 <script type="text/javascript">

            var second=5;

            var timer;

            function change()

            {

                second--;

             

             if(second>-1)

             {

                 document.getElementById("second").innerHTML=second;

                 timer = setTimeout('change()',1000);

             }

             else

             {

                 clearTimeout(timer);

             }

            }

            timer = setTimeout('change()',1000);

    </script>

  <div id="second" style="text-align: center; float: left; color: Red; font-weight: bolder">

                      5</div>

                    秒后自动返回首页。

蚂蚁上树 2010-12-17

打赏
举报

[Quote=引用 1 楼 dongxinxi 的回复:]
HTML code

<script type="text/javascript">
<!--
var time = 10; //时间:秒
function dis() {
if (time > 0) {
document.getElementById("sysj").innerH……
[/Quote]

+1

ycproc 2010-12-17

打赏
举报

[Quote=引用 12 楼 imfor 的回复:]

timer = setInterval('dis()', 1000); //显示时间
z
这个函数就是运行了啊。

http://codersky.net/
[/Quote]
z
z

imfor 2010-12-17

打赏
举报

timer = setInterval('dis()', 1000); //显示时间
z
这个函数就是运行了啊。

http://codersky.net/

oyanblue 2010-12-17

打赏
举报

[Quote=引用 7 楼 xxfaxy 的回复:]
<div id="zc"></div>
<script language="javascript">
var i=5;
var id;
function zc(){
if(i==-1){
clearInterval(id);
window.location.href="http://www.durenyuan.com";
}
else{
document.getElementB……
[/Quote]
我有点不明白，
div内并没有调用函数，
为啥网页一加载就开始计数，
哪位大虾帮忙，谢谢

oyanblue 2010-12-17

打赏
举报

上面第一个例子

细嗅蔷薇 2010-12-17

打赏
举报

贴你的代码

oyanblue 2010-12-17

打赏
举报

我有点不明白，
div内并没有调用函数，
为啥网页一加载就开始计数，
哪位帮忙，谢谢

春春哥哥 2010-12-17

打赏
举报

<div id="zc"></div>
<script language="javascript">
var i=5;
var id;
function zc(){
if(i==-1){
clearInterval(id);
window.location.href="http://www.durenyuan.com";
}
else{
document.getElementById("zc").innerHTML=(i--)+"秒后页面将跳转";
}
}
id=setInterval(zc,1000);
</script>

wwfgu00ing 2010-12-16

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>无标题页</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

<script type="text/javascript"> 

//<![CDATA[ 

var go=20000; 

var timer=null; 

var endTime = new Date().getTime() + go ; 

function interval() 

{ 

var n=(endTime-new Date().getTime())/1000; 

if(n<0) return; 

document.getElementById("jumpTo").innerHTML = n.toFixed(3); 

setTimeout(interval, 10); 

} 

window.onload=function(){ 

timer=setTimeout("window.location.href='/'", go); 

interval(); 

} 

//]]> 

</script> 

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <span id="jumpTo">20.000</span> 秒后 将自动</span>跳转到 

    </div>

    </form>

</body>

</html>

stepday 2010-12-16

打赏
举报

采用JS里面的SetInterval("",)即可实现。

wuyq11 2010-12-16

打赏
举报

IE11下面经常卡到爆 2010-12-16

打赏
举报



<script type="text/javascript">

        <!--

        var time = 10; //时间:秒

        function dis() {

            if (time > 0) {

                document.getElementById("sysj").innerHTML = time;

                time--;

            }

            if(time == 0)

                window.location.href = "/Default.aspx";

        }

        timer = setInterval('dis()', 1000); //显示时间

    //-->

    </script>



<br />

 页面将在 <span id="sysj" style="font-weight:bold"></span>秒后自动跳转到会员中心