js，html网页定时跳转

最新推荐文章于 2024-09-11 09:36:01 发布

看路向阳

最新推荐文章于 2024-09-11 09:36:01 发布

阅读量115

点赞数 1

分类专栏： js 文章标签： html5 javascript html

本文链接：https://blog.csdn.net/kanlu0417/article/details/120100592

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

倒计时.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>全球首款智能全功能机器人</p>
    <p>售价50万美元</p>
    <p>确定购买吗？</p>
    <button>取消</button>
    <button>支付</button>
    <script>
        document.getElementsByTagName('button')[1].onclick=function(){
            console.log(666);
            var res=window.confirm('确定购买吗?');
            if(res){
                location.href='./sucess.html';
            }
        }
    </script>
</body>
</html>

sucess.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>支付成功</p>
    <p><h1 id="timer">10</h1>s后跳转页面</p>
    <button>直接跳转</button>
    <script>
        window.onload=function(){
            var time=10;
            setInterval(() => {
                time--;
                document.getElementById('timer').innerHTML=time;
                if(time<=0){
                    location.href='https://www.baidu.com'; 
                }
            }, 1000);
        }
        document.getElementsByTagName('button')[0].onclick=function(){
           location.href='https://www.baidu.com'; 
        }
    </script>
</body>
</html>

看路向阳

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js，html网页定时跳转

倒计时.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
复制链接

扫一扫