求助，实现网页弹框

Question

请教，想实现如下功能：
打开网页的同时，弹出一个框，有相关内容，在这个框的下方有个按钮正在倒计时，倒计时完成后，点确认来关闭弹框，才能继续浏览网页
请问如何实现，本人在这方面是小白

Answer 1

这个肯定是要写个模态框嘛，自己写一个遮罩层初始状态隐藏，点击按钮时dom显示并禁止滚动，结合timeout，延时几秒后隐藏遮罩层并设置可滚动即可。隐藏（display：none）禁止滚动（body:{overflow:hidden}）

Answer 2

timeout后在显示关闭按钮

Answer 3

做一个弹框div,先隐藏（display:none）;页面打开的时候，就用js把弹框的css属性改成display：block；然后调用倒计时事件

Answer 4

div模拟试试