zoukankan      html  css  js  c++  java
  • Timer的控件使用

    功能:
        起定时器作用。
    重要属性:
        Interval :间隔时间。(单位:毫秒。3000即为3秒)
    实例代码:
     功能: 定时显示图片
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        
    <title>Timer Example Page</title>
        
    <link href="DivStyles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        
    <form id="form1" runat="server">
        
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
            
    <asp:Timer ID="Timer1" OnTick="Timer1_Tick" runat="server" Interval="3000" />
            
    <br />
            
    <hr />
            
    <br />
            Some content ..
    <br />
            
    <br />

            
    <asp:UpdatePanel ID="BannerPanel" runat="server" UpdateMode="Conditional">
            
    <Triggers>
                
    <asp:AsyncPostBackTrigger ControlID="Timer1" />
            
    </Triggers>
            
    <ContentTemplate>
                
    <asp:Image ID="BannerImage" runat="server" ImageUrl="~/banners/banner_1.gif" />&nbsp;
            
    </ContentTemplate>
            
    </asp:UpdatePanel>
            
    <br />
            
    <div>
                
    &nbsp;Some more content .<br />
                
    <br />
            
    </div>
        
    </form>
    </body>
    </html>
    后台代码如下:
     protected void Timer1_Tick(object sender, EventArgs e)
        
    {
            Random RandomClass 
    = new Random();
            
    int n = RandomClass.Next(19);
            BannerImage.ImageUrl 
    = System.String.Concat("banners/Banner_", n.ToString(), ".gif");
        }

    DivStyles.css样式如下:

    body {  
       font
    : 11pt Trebuchet MS;
       padding-top
    : 72px;
       text-align
    : center 
        
    }
      

    .text 
    { 
        font
    : 8pt Trebuchet MS 
        
    }

        
    .div1 
    {
            background-color
    : #ADD8E6;
    }


    .div2 
    {
            background-color
    : #F0E68C;
    }

    再在工程下建立一下banners文件夹,在里面放入banners_1.gif,banner_2.gif,.......等图片。

    运行结果:每隔3秒会显示不同的图片。
        


     

  • 相关阅读:
    vue自定义指令
    ZOJ Problem Set–2104 Let the Balloon Rise
    ZOJ Problem Set 3202 Secondprice Auction
    ZOJ Problem Set–1879 Jolly Jumpers
    ZOJ Problem Set–2405 Specialized FourDigit Numbers
    ZOJ Problem Set–1874 Primary Arithmetic
    ZOJ Problem Set–1970 All in All
    ZOJ Problem Set–1828 Fibonacci Numbers
    要怎么样调整状态呢
    ZOJ Problem Set–1951 Goldbach's Conjecture
  • 原文地址:https://www.cnblogs.com/abcdwxc/p/937517.html
Copyright © 2011-2022 走看看