JS怎么实现定时自动消失的弹出窗口

本篇内容介绍了"JS怎么实现定时自动消失的弹出窗口"的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

一、Demo.html

                                                                点击弹出模态框                
            
                
                    
                                                    ×Close                                                
模态框
                    
                    
                        
js弹框自动消失案例
                                            
                    
                        关闭                        保存                    
                
            
        
                                                    

注意：1、bootstrap依赖于jquery,引入bootstrap前需要引入jquery

二、Demo.css

/*弹框本身(大)*/ .my-modal-alert .boxBodyBig{    width:496px;    height: 418px;}/*弹框本身(小)*/ .my-modal-alert .boxBodySmall{    width:412px;    height: 418px;}/*弹框头*/.my-modal-alert .boxHeader{    background-color: #f6f6f6;    border-bottom: #e5e5e5 1px;    height: 48px;} /*弹框标题*/ .my-modal-alert .boxTitle{    background-color: #f6f6f6;    color:#333333;    font-family:"SimHei";    font-size: 16px;}/*弹框头部分右侧关闭按钮*/.my-modal-alert .boxClose{    }.my-modal-alert .boxClose:hover{    color: #ff7800;}/*弹框按钮的父级元素块*/.my-modal-alert .boxFooter{    margin: auto;    text-align: center;    padding:24px 15px 24px 15px;    margin:0px 15px 0px 15px;}/*弹框按钮*/.my-modal-alert .boxButton{    font-family:"SimHei";    background-color:#ff7800;    width: 70px;    height: 30px;    color:white;    text-align:center;    line-height: 1;}/*已下为选用*//*弹框主题label框*/.my-modal-alert .boxLabel{    width:80px;    font-size: 14px;     font-family:'SimHei';    color: #999999;    }/*文本框*/.my-modal-alert .boxInput{    width:176px;    font-size: 14px;    color: #333333;}/*纯文本*/.my-modal-alert .boxText{    color:#ff7800;    font-family:'SimHei';    font-size: 12px;}.my-modal-alert .boxTextarea{    font-size: 12px;}.my-modal-alert .modal-body{    width: 400px;    height: 100px;    text-align: center;}.my-modal-alert .modal_message{    margin-top: 20px;    }

"JS怎么实现定时自动消失的弹出窗口"的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站，小编将为大家输出更多高质量的实用文章！