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

原创 2016年05月31日 12:38:13
<!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>

相关文章推荐

JS在图片上显示时间

  • 2010年12月16日 13:52
  • 855B
  • 下载

js时间插件和图片上传插件

  • 2017年03月28日 16:45
  • 245KB
  • 下载

DIV模拟LED,js控制显示时间,大家可以复制代码到HTML文件,执行HTML就行了

MyHtml1.html --> .div1 { background: #999999; width: 20px; height: ...

js用图片制作系统时间资源分享

  • 2017年08月11日 13:17
  • 18KB
  • 下载

Nginx/Apache 对图片,css,js等优化,静态页面设置过期时间

server{ ... location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d;#图片缓存30天}location ~...
  • wljk506
  • wljk506
  • 2013年11月08日 22:04
  • 3516

可控制切换显示图片,js代码

  • 2009年01月07日 16:32
  • 308KB
  • 下载

js控制图片上传预览,使用三方插件+名称显示和控件非display:none隐藏

第一次写blog,只是为了自己做记录,方便下次寻找方便,如有不足处见谅。 js三方引用,v1.4,附件下载http://jquery.decadework.com     html部分 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS--时间器控制图片显示
举报原因:
原因补充:

(最多只允许输入30个字)