关闭

JS--时间器控制图片显示

119人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        var count=0;
        var times;
        var stops;
        var flag=true;
        window.onload=function()
        {


            times= window.setInterval("start()",1000);
        }
        function  stop()
        {
            var s = document.getElementById("img1");
            if(flag==true)
            {
                window.clearInterval(times);


                s.style.display = "none";
                flag=false;
                stops = window.setInterval("stop()",1000);
            }
             if(flag==false)
            {


                count++;
                spantime();


                if (count == 5)
                {
                    count=0;


                   flag=true;
                    window.clearInterval(stops);
                    s.style.display = "block";
                    times = window.setInterval("start()", 1000);




                }


            }
        }
        function start()
        {
            count++;
            if(count==5)
            {
                count=0;
                stop();
            }
            else
            {


                      spantime();


            }
        }
        function  spantime()
        {
            var dates =new Date();
            var imgdate =document.getElementById("timeshowlocate");
            var date =dates.getFullYear()+"年"+dates.getMonth()+"月"+dates.getDate()+
                    "日"+dates.getHours()+"时"+dates.getMinutes()+"分"+dates.getSeconds()+"秒";
            imgdate.innerHTML=date;
        }
    </script>
</head>
<body>
    <img src="xx.jpg" id="img1">
<span id="timeshowlocate"></span>


</body>
</html>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:26153次
    • 积分:1105
    • 等级:
    • 排名:千里之外
    • 原创:83篇
    • 转载:18篇
    • 译文:2篇
    • 评论:0条
    文章分类