zoukankan      html  css  js  c++  java
  • 跳转的两种实现方法setInterval和setTimeout

    setInterval方法:

    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>出错啦~~~</title>
        <link href="css/login1.css" mce_href="css/login1.css" rel="stylesheet" type="text/css" />
        <script language="javascript" type="text/javascript"> 
    var i = 5; 
    var intervalid; 
    intervalid = setInterval("fun()", 1000); 
    function fun() { 
    if (i == 0) { 
    location.href = "http://www.baidu.com"; 
    //location.replace('http://www.baidu.com')
    clearInterval(intervalid); 
    } 
    document.getElementById("mes").innerHTML = i; 
    i--; 
    } 
    </script>
    </head>
    <body>
        <div id="errorfrm">
            <h3>出错啦~~~</h3>
            <div id="error">
                <img src="images/error.gif" mce_src="images/error.gif" alt="" />
                <p>系统出错,请联系管理员!</p>
                <p>
                    将在
                    <span id="mes">5</span>
                    秒钟后返回首页!
                </p>
            </div>
    
        </div>
    </body>
    </html>

    setTimeout()方法:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script type="text/javascript">
    var c=0
    var t
    function timedCount()
     {
     document.getElementById('txt').value=c
     c=c+1
     t=setTimeout("timedCount()",1000)//调用函数本身
     }
    
    function stopCount()
     {
     clearTimeout(t)
     }
    </script>
    </head>
    
    <body>
    <form>
    <input type="button" value="Start count!" onClick="timedCount()">
    <input type="text" id="txt">
    <input type="button" value="Stop count!" onClick="stopCount()">
    </form>
    </body>
    
    </html>
  • 相关阅读:
    面试笔记1
    Hello World!!
    百度地图API JavaScript显示人员分布信息
    MUI Picker选择器 自定义省市地址三级联动
    【Unity】Lua热重载
    【临时存放】变量配置
    SVN代码管理出现注册错误
    javaweb学习
    微信应用号(微信小程序)开发教程
    shell脚本时间运算
  • 原文地址:https://www.cnblogs.com/liu-l/p/3835945.html
Copyright © 2011-2022 走看看