<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>document</title> <style> body, html { height: 100%; } div { display: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 300px; width: 500px; line-height: 300px; text-align: center; background-color: #ccc; margin-top: 100px; } div span { color: red; } </style> </head> <body> <div id="ads"> <h1>这是一则广告,在<span id="count5s">5</span>秒后自动关闭!</h1> </div> <script> function closeAds() { document.getElementById('ads').style.display = "none"; } var oCount5s = document.getElementById("count5s").innerText var second = parseInt(oCount5s) function countDown() { second -= 1; document.getElementById("count5s").innerText = second; } var countDown = setInterval(countDown, 1000) setInterval(function () { if (second === 0) { closeAds(); clearInterval(countDown); } }, 1000) </script> </body> </html>
最新其他更多
jquery实现滑动楼梯效果
jquery实现滑动楼梯效果的具体代码,供大家参考,具体内容如下思路:鼠标滚动的时候页面跟随变化,点击模块时候,实现指哪打哪效果1.html和css代码htmlheadmetacharset=UTF-8title/titlestyletype=text/cssbody,ul,l
网络转载 JS相关2021-12-22
前端开发技术之jquery实现可关闭的倒计时广告特效HTML代码
这是一款类似播放视频时候最开始的倒计时广告,广告时间结束才能看到视频内容,一个JS小贴片广告代码,右上角带关闭按钮,左上角显示倒计时剩余时间,运行jQuery代码综合实现,CSS和HTML共同结合的网页特效,兼容各
网络转载 JS相关2021-12-22