js支付成功网页自动跳转

最新推荐文章于 2024-06-05 14:43:24 发布

是个乌龟啊

最新推荐文章于 2024-06-05 14:43:24 发布

阅读量749

点赞数 1

文章标签： javascript elementui vue.js

本文链接：https://blog.csdn.net/weixin_56726579/article/details/123182008

版权

这篇博客展示了两种在网页上实现支付成功后自动跳转的方法，使用JavaScript的setTimeout和setInterval函数进行倒计时控制，分别在5秒后跳转到指定URL。这两种方法都是前端开发中常见的页面导航技巧。

摘要由CSDN通过智能技术生成

<body>
    <div>支付成功</div>
    <span id="box"> 5</span>秒后自动跳转
    <script>
        // 支付成功网页跳转倒计时 方法1 setTimeout
        var _box = document.getElementById('box')

        function jumpIndex(num, url) {
            if (num > 0) {
                num--;
                _box.innerHTML = num;
                setTimeout('jumpIndex(' + num + ',\'' + url + '\')', 1000);
            } else {
                location.assign(url);
            }
        }
        jumpIndex(5, 'https://www.baidu.com/?tn=40020637_6_oem_dg');
     <script>
// 支付成功网页跳转倒计时 方法2 setTimeout
        var _box = document.getElementById('box');
        setInterval(function() {
            let num = _box.innerHTML;
            if (num > 0) {
                num--;
                _box.innerHTML = num;
            } else {
                location.assign('https://www.baidu.com/?tn=40020637_6_oem_dg');
            }
        }, 1000)
</body>

是个乌龟啊

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js支付成功网页自动跳转

<body> <div>支付成功</div> <span id="box"> 5</span>秒后自动跳转 <script> // 支付成功网页跳转倒计时方法1 setTimeout var _box = document.getElementById('box') function jumpIndex(num, url) { if (.
复制链接

扫一扫