现在的位置: 首页 > 综合 > 正文

刷新时间的两种方法(倒计时)

2013年03月04日 ⁄ 综合 ⁄ 共 2995字 ⁄ 字号 评论关闭

用js做自动刷新时间

把结束时间取出来放在隐藏控件里

<input id="txttime" runat="server" type="hidden" />

 <span id="time"></span>

 

<script language="JavaScript">
var now= new Date()

function GetServerTime()
{
var utime=document.getElementById("txttime").value;
var urodz = new Date(utime);
now.setTime(now.getTime()+250);
days = (urodz - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (urodz - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (urodz - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (urodz - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
 var time=daysRound+"天" + hoursRound + "小时" + minutesRound + "分" + secondsRound+ "秒"; ;
document.getElementById("time").innerHTML =time;
}
setInterval("GetServerTime()",250);
</script>

 

另一种就是用ajax控件

先安装ajax extensions

在工具栏中会出现ajax extensions项,下面有五个控件分别是Timer,SeriptManager,SeriptManagerProxy,UpdateProgress,UpdatePanel

拖入SeriptManager,UpdatePanel,把Timer拖入UpdatePanel

双击Timer,生成OnTick事件

 

 

<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>

 <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Timer ID="Timer1" runat="server" OnTick="Timer1_Tick">
                </asp:Timer>
                <%=时间 %>
            </ContentTemplate>
        </asp:UpdatePanel>

//在页面事件中写上解析的时间

  protected void Timer1_Tick(object sender, EventArgs e)
    {

     // DateDiff();

    }

    public void  DateDiff()
    {
         string date = txttime.Value;
         if (date != "")
         {
             DateTime DateTime2 = Convert.ToDateTime(date);
             TimeSpan ts1 = new TimeSpan(DateTime.Now.Ticks);
             TimeSpan ts2 = new TimeSpan(DateTime2.Ticks);
             TimeSpan ts = ts1.Subtract(ts2).Duration();
             Day = ts.Days.ToString() + "天";
             Hour = ts.Hours.ToString() + "小时";
             Minute = ts.Minutes.ToString() + "分钟";
             Second = ts.Seconds.ToString() + "秒";
         }

    }

  web.config的节点system.web中加

<httpHandlers>
   <remove verb="*" path="*.asmx"/>
   <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
   <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" validate="false"/>
  </httpHandlers>
  <httpModules>
   <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>
  </httpModules>

 

本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/luobailian/archive/2010/06/29/5701829.aspx

 

抱歉!评论已关闭.