【实现自动跳转页面】

最新推荐文章于 2021-05-30 18:56:12 发布

BBbila

最新推荐文章于 2021-05-30 18:56:12 发布

阅读量188

点赞数

分类专栏：前端 HTML jS 文章标签： JS

本文链接：https://blog.csdn.net/qq_40610760/article/details/103032286

版权

前端同时被 3 个专栏收录

62 篇文章 2 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

设置一个定时器就行：

<!DOCTYPE html>
<html>
 <head>
  <title>自动跳转页面</title>  
 </head> 
 <body>
  <!--先编写好网页布局-->
  <h1>操作成功</h1>
  <div><span id= "miao" >5</span>秒后回到主页    
  <a href="#" onclick="Clickback()">返回</a></div> 
  
  <script type="text/javascript">  
    var miaoValue = document.getElementById("miao").innerHTML;
    function Clickback() {
      window.history.back();
    }
    function clock() {
      miaoValue --;
      document.getElementById("miao").innerHTML = miaoValue;
      if(miaoValue === 0 ) {
        window.location.assign("http://www.baidu.com");
      }
    }
      setInterval(clock,1000)
 </script> 
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

BBbila

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【实现自动跳转页面】

很简单，也模板一下。<!DOCTYPE html><html> <head> <title>自动跳转页面</title> </head> <body>  <h1>操作成功</h1> <div><...
复制链接

扫一扫