首页 > Web开发 > 详细

HTML+CSS+JS - 5秒钟之后跳转页面

时间:2015-07-07 18:39:12      阅读:336      评论:0      收藏:0      [点我收藏+]
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="News.Default" %>
<!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 runat="server">
    <title>5秒钟后自动跳转网页</title>
    <!--5秒钟后自动跳转网页-->
    <script type ="text/javascript" language ="javascript">
        //设置初始值
        var i = 5;
        //获取定时器的返回值,用来清除定时器
        var cleartime;
        //使用定时器,第一个参数,要执行定时器的函数,第二个参数,每个多长时间进行执行,1000MS = 1S
        cleartime = setInterval("fun()", 1000);
        //用来执行的函数
        function fun() {
            if (i == 0) {
                //跳转网页
                window.location.href = "Default.aspx";
                //清除定时器,如未清除定时器,则会变为-1,-2,-3.......
                clearInterval(cleartime);
            }
            //显示i的值
            document.getElementById("mes").innerHTML = i;
            //i - 1   
            i--;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <p><span id ="mes">5</span></p>
    </form>
</body>
</html>


 

 

全部复制,直接在页面(.aspx)保存,然后就可以运行。

HTML+CSS+JS - 5秒钟之后跳转页面

原文:http://www.cnblogs.com/KTblog/p/4627689.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!