zoukankan      html  css  js  c++  java
  • 点击按钮后弹出提示信息,几秒之后跳转到某页面

    js代码
        //clearTimeout的作用是清除setTimeout的方法.或者说注销setTimeout方法,让setTimeout方法停止或无法运行.
        // 使用clearTimeout时必须指定一个参数.该参数是setTimeout返回的ID值.也就是说当你使用setTimeout时.必须要为setTimeout指定一个返回的id值.随意指定一个变量
    
        // set_id=setTimeout(fun,1000);
        // function fun(){
        $(document).on("click", ".clickme", function (event) {
            $(".read-later-alert").show();
            set_id = setTimeout(function () {
                $(".read-later-alert").hide()
                window.location.href='../addTower.html'
            }, 3000);
           
            //  $(".read-later-alert").hover(function(){
            //      clearTimeout(set_id);
            //  },function(){
            //      $(this).hide();
            //  })
        });
        
        // }
    View Code
    html代码
    <button class="clickme">点我啊</button>
    
        <div class="read-later-alert" style="display:none">31465465</div>
    View Code
    css代码
       .read-later-alert {
                position: absolute;
                top: 50%;
                left: 40%;
                height: 40px;
                background: rgba(48, 48, 48, 0.8);
                padding: 10px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
                color: #fff;
                position: fixed;
                display: none;
                text-align: center;
                z-index: 9999;
            }
    View Code
  • 相关阅读:
    瀑布流布局(等宽不等高jQuery)
    多组图自动无限循环(swiper轮播)
    $.ajax的标准写法
    走马灯特效
    如何使用js改变HTML中title里面固定的文字
    test
    单例设计模式
    线程的五种状态(线程的生命周期)
    Net基础班第十三天
    装箱、拆箱
  • 原文地址:https://www.cnblogs.com/heyiming/p/11331481.html
Copyright © 2011-2022 走看看