JS--时间器控制图片显示
<!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>
阅读更多
个人分类: DOM
想对作者说点什么? 我来说一句

js控制图片显示切换

2009年12月03日 36KB 下载

JS--几种滚动条方式

2011年10月27日 577KB 下载

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭