tnblog
首页
视频
资源
登录

3秒后跳转

3759人阅读 2020/6/19 15:26 总访问:508224 评论:0 收藏:0 手机
分类: 前端

实现一个简单的3秒后跳转

html:

注册成功!<span style="margin-left:5px;display:inline-block">
<span id="showtime">3</span>秒后跳转</span>
<a style="margin-left:5px" href='/login/index'>立即登录</a>

js:

var showtime = document.getElementById("showtime");
var showinfo = document.getElementById("showinfo");
var lastsecond = 2;

var lastsecondInterval = setInterval(function () {

    if (lastsecond <= 0) {
        clearInterval(lastsecondInterval);
        location.href = "/login/index";
    }
    showtime.innerText = lastsecond;
    lastsecond--;
}, 1000)

其实上面这种做法不是太好,应该先减,在赋值,这样科学一点。而不是先赋值在减这样就会慢一步。

可以参考一下这样,比如发送一个验证码后提示n秒有效:

var lasttime = 300;
$("#checkcodediv").show();
$("#checktip").html(lasttime + "秒有效");
var lasttimeInt = setInterval(function () {
    //先减
    lasttime--;
    //在赋值
    $("#checktip").html(lasttime + "秒有效");
    if (lasttime == 0) {
        $("#checktip").html("验证码已经失效");
        clearInterval(lasttimeInt);
    }
}, 1000);




欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739

评价
如果有缘,错过了还会重来,如果无缘,相遇了也会离开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术