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>

Toast源码分析 控制显示时间

Toast相信大家都不会陌生吧,如果对于Toast不甚了解,可以参考我的上一篇博客《Android:谈一谈安卓应用中的Toast情节》,里面有关于Toast基础比较详细的介绍。但是如果你想要看的是最原...
  • a550508153
  • a550508153
  • 2016年06月20日 15:44
  • 206

QLabel 动态显示时间的方法(积累,包含QLabel显示图片的方法)

#include #include //#include //qt中的类 #include #include int main (int argc, char *argv[]) { Q...
  • g457499940
  • g457499940
  • 2013年09月23日 11:17
  • 3343

Button控制图片显示隐藏

点击Button,图片隐藏,再次点击,图片显示。 MainActivity.javapackage com.example.hades.demo;import android.support.v7....
  • mayuko2012
  • mayuko2012
  • 2017年03月25日 16:24
  • 256

Confluence 控制图片的显示

在页面的编辑对话框中,选择一个图片后选择图片的属性面板。在属性面板中,你可以对图片的大小进行设置,向图片添加边框或者其他的一些特效,将图片上添加链接到其他页面。 为了设置图片的大小,你可以进行下面的...
  • u013587602
  • u013587602
  • 2014年02月03日 11:27
  • 532

android 按时间显示图片

实现效果: 首先写需要用到的图片数据:时间、文件名、路径等 package com.example.a550211.cd; import java.text.SimpleDateFormat; im...
  • u011324501
  • u011324501
  • 2017年07月11日 19:27
  • 888

时间图片显示制作

Document :
  • qq_29132907
  • qq_29132907
  • 2017年11月03日 17:40
  • 69

iOS LaunchScreen设置启动图片 启动页停留时间

iOS LaunchScreen设置启动图片 启动页停留时间 标签: iOSLaunchScreen启动页 2015-06-10 15:27 29050人阅读 评论(3) 收藏 举报 ...
  • wakice
  • wakice
  • 2016年06月28日 14:36
  • 2437

第二次作业:WinForm可视化设计 - 顺序图片显示器开发

物联1121   201211672132   姚硕云     功能简介:有5张图片(编号分别为1.jpg,2.jpg,……,5.jpg),窗体有3个控件(PictureBox,2个按钮);窗体刚...
  • xj_sy
  • xj_sy
  • 2015年04月23日 12:30
  • 645

在PPT中显示时间以提醒演讲者控制时间

相信很多朋友在演讲或培训的时候,都有时间控制不好的烦恼。我参加了一次培训,看到在ppt的左下角会显示时间,这是一个比较好的办法。回来后我到网络上搜寻了一下,如法炮制,用时间控件实现了这个功能。那究竟是...
  • FXM720505
  • FXM720505
  • 2015年12月20日 08:32
  • 1151

在Linux控制台下显示JPEG图像

1、引言通常情况下,在Linux控制台下是无法查看图像文件的,要想查看图像文件,比如要查看JPEG格式的图像文件,可能必须启动X-Windows,通过GNOME或者KDE之类的桌面管理器提供的图像查看...
  • chituhuan
  • chituhuan
  • 2016年08月31日 12:05
  • 1274
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS--时间器控制图片显示
举报原因:
原因补充:

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