JS实现倒计时三秒跳转后到新页面

发布时间：2017-04-08 17:37:18

发布者：jiangbing

浏览量:

为了使网站的页面更友好，更加人性化，我们往往会在操作错误或是成功的时候进行提示然后跳转到相应的页面。同时为了使页面更加美化，我们往往会加上倒计时跳转功能，也就是使网页上的秒杀呈现倒数显示。下面就是具体的实现过程。

1、添加mate

这个mate的功能就是实现跳转，content中的内容3就是三秒后跳转，url就是所要跳转的地址。光有这些还不够，我们只知道三秒后跳转了，但是在页面上看不到，这时我们就要在页面上显示出倒计时功能，这也就用到了JS。

2、编写html提示页面

页面的样式最好自己设计一个符合审美观的，这样的html页面写起来都比较简单。页面写好之后就是如何在页面上实现倒计时显示了。

3、js实现

  
    $(function() {  
        var wait = $(".second").html();  
        timeOut();  
        /**  
         * 实现倒计时  
         */  
        function timeOut() {  
            if(wait != 0) {  
                setTimeout(function() {  
                    $('.second').text(--wait);  
                    timeOut();  
                }, 1000);  
            }  
        }  
    });

将此段js代码加入到上述html页面中即可。这样就完美的实现了倒计时三秒之后跳转到新页面。

上一篇： css3如何做出齿轮旋转的特效

下一篇：如何用js实现鼠标点击方向键的轮播图？

关键词:

返回列表

2022-04-19

03小程序JS前后端交互查看详情

2017-07-01

css3如何实现图片360°旋转效果？查看详情