JavaScript 定时器制作一个弹窗小广告

来源：互联网发布：淘宝网iphone 编辑：程序博客网时间：2024/05/01 16:04

<head>    <meta charset="UTF-8">    <title></title>    <style type="text/css">        div{            width: 100px;            height: 100px;            background-color: red;            position: fixed;            bottom: 0;            right: 0;            display: none;        }        #close{            position: absolute;            left: -20px;        }    </style></head><body>    <div id="dis">        <span id="close" onclick="btn();">X</span>        过<span id="second">5</span>秒后关闭    </div></body><script>    var s = document.getElementById("dis")    var second = document.getElementById("second");    var timer = null;    var timeOut = setTimeout(function(){        s.style.display = "block";            timer = setInterval(function(){            second.innerText--;            if(second.innerText == 0){                clearInterval(timer)                s.style.display = "none";            }        },1000)    },1000)    function btn(){        s.style.display = "none";        clearInterval(timer);    }</script>

这里写图片描述

0 0