ASP.NET实现无刷新倒计时功能,团购倒计时

最新推荐文章于 2019-04-29 18:19:39 发布

wangruiguang_

最新推荐文章于 2019-04-29 18:19:39 发布

阅读量1.6w

点赞数

分类专栏： JS asp.net 文章标签： asp.net xmlhttprequest function dataset ajax border

asp.net 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

首先是在asp.net,html视图中添加如下主要代码：

1、ajax技术目的实现无刷新

<script type="text/javascript">
var WillDoXmlHttp;
function Countdown()
{
setInterval("WillDo()",1000);
}
function WillDo()
{
createWillDoXmlHttpRequest();
var url = "CountDown.aspx";
WillDoXmlHttp.open("Get", url, true);
WillDoXmlHttp.onreadystatechange = WillDoCallback;
WillDoXmlHttp.send(null);
}

function createWillDoXmlHttpRequest()
{
if (window.XmlHttpRequest)
{
WillDoXmlHttp = new XmlHttpRequest();
}
else if (window.ActiveXObject)
{
try
{
WillDoXmlHttp = new ActiveXObject("MsXml2.XmlHTTP");
}
catch (e1)
{
try
{
WillDoXmlHttp = new ActiveXObject("Microsoft.XmlHTTP");
}
catch (e2)
{}
}
}
return WillDoXmlHttp;
}
function WillDoCallback()
{
if (WillDoXmlHttp.readyState == 4)
{
if (WillDoXmlHttp.status == 200)
{
var dbsyContent = document.getElementById("divCountDown");
dbsyContent.innerHTML = WillDoXmlHttp.responseText;
}
}
window.status="";
}
</script>

2、在body处添加调用ajax代码，目的是为了页面一加载就调用

<body οnlοad="Countdown();">

3、添加一个div，放置倒计时内容
<div id="divCountDown"></div>
其次：添加页面处理倒计时功能实现(这里新增的页面为：CountDown.aspx)

在cs页面代码中加入如下代码：

protected void Page_Load(object sender, EventArgs e)
{
ShowCountDown(GetValidDate());
}
/// <summary>
/// 得到结束时间
/// </summary>
/// <returns></returns>
private DataTable GetValidDate()
{
DataSet dsProgram = "这里是从数据库获取结束时间的代码";
return dsProgram.Tables[0];
}

private void ShowCountDown(DataTable dtEndtime)
{
//当前时间
DateTime dtStart = System.DateTime.Now;
//结束时间
DateTime dtEnd = DateTime.Parse(dtEndtime.Rows[0]["Endtime"].ToString());
//获取两个时间之间的间隔
TimeSpan ts = dtEnd.Subtract(dtStart);
StringBuilder sbTable = new StringBuilder("<table width=100% border=0 cellpadding=0 cellspacing=\"3\" align=left>");
sbTable.Append("<tr>");
sbTable.Append("<td>");
sbTable.Append("本日学生票团购剩余时间：");
//sbTable.Append("<font color='darkred'>" + ts.Days.ToString() + "</font>天 ");
sbTable.Append("<font color='darkred'>"+((ts.Hours<10)?("0"+ts.Hours.ToString()):ts.Hours.ToString())+"</font>小时 ");
sbTable.Append("<font color='darkred'>" + ((ts.Minutes < 10) ? ("0" + ts.Minutes.ToString()) : ts.Minutes.ToString()) + "</font>分 ");
sbTable.Append("<font color='darkred'>" + ((ts.Seconds < 10) ? ("0" + ts.Seconds.ToString()) : ts.Seconds.ToString()) + "</font>秒 ");
sbTable.Append("</td>");
sbTable.Append("</tr>");
sbTable.Append("</table>");
Response.AppendHeader("Cache-Control", "no-cache");
Response.Write(sbTable.ToString());
Response.End();
}