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秒会显示不同的图片。
    


 

原文地址:https://www.cnblogs.com/abcdwxc/p/937517.html