经常使用阿里的支付宝购买实物,觉得他那个交易时间无刷新倒计时觉得挺不错,今天模仿他的效果(页面比较丑陋自己用CSS去修饰吧)整理代码,发布上来共享,至于到终止时间去处理业务程序的方法有很多,我现在用的是SQL作业区实现,若有其他的方法也可以帖出来,相互学习;
前台desctimer.aspx代码
Code
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="desctimer.aspx.cs" Inherits="desctimer" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml" >
6 <head runat="server">
7 <title>无标题页</title>
8 </head>
9 <body>
10 <div id=CountMsg>距开始时间还有<strong id="RemainD"></strong>天<strong id="RemainH"></strong>时<strong
11
12 id="RemainM"></strong>分<strong id="RemainS"></strong>秒</div>
13 <SCRIPT language=JavaScript>
14 <!-- //
15 function GetRTime(){
16 var EndTime= new Date(<%=datatime %>); //截止时间:2009-5-22 05:15:12
17 var NowTime = new Date();
18 var nMS =EndTime.getTime() - NowTime.getTime();
19 //alert(EndTime);
20 //alert(NowTime);
21 //alert(EndTime.getTime());
22 //alert(NowTime.getTime());
23 //alert(nMS);
24 var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
25 var nH=Math.floor(nMS/(1000*60*60)) % 24;
26 var nM=Math.floor(nMS/(1000*60)) % 60;
27 var nS=Math.floor(nMS/1000) % 60;
28 if(nMS>= 0){
29 document.getElementById("RemainD").innerHTML=nD;
30 document.getElementById("RemainH").innerHTML=nH;
31 document.getElementById("RemainM").innerHTML=nM;
32 document.getElementById("RemainS").innerHTML=nS;
33 setTimeout("GetRTime()",1000);
34 }
35 else {
36 document.getElementById("CountMsg").innerHTML="已经结束!";
37 }
38 }
39 window.onload=GetRTime;
40 // -->
41 </SCRIPT>
42 </body>
43 </html>
44
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="desctimer.aspx.cs" Inherits="desctimer" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml" >
6 <head runat="server">
7 <title>无标题页</title>
8 </head>
9 <body>
10 <div id=CountMsg>距开始时间还有<strong id="RemainD"></strong>天<strong id="RemainH"></strong>时<strong
11
12 id="RemainM"></strong>分<strong id="RemainS"></strong>秒</div>
13 <SCRIPT language=JavaScript>
14 <!-- //
15 function GetRTime(){
16 var EndTime= new Date(<%=datatime %>); //截止时间:2009-5-22 05:15:12
17 var NowTime = new Date();
18 var nMS =EndTime.getTime() - NowTime.getTime();
19 //alert(EndTime);
20 //alert(NowTime);
21 //alert(EndTime.getTime());
22 //alert(NowTime.getTime());
23 //alert(nMS);
24 var nD =Math.floor(nMS/(1000 * 60 * 60 * 24));
25 var nH=Math.floor(nMS/(1000*60*60)) % 24;
26 var nM=Math.floor(nMS/(1000*60)) % 60;
27 var nS=Math.floor(nMS/1000) % 60;
28 if(nMS>= 0){
29 document.getElementById("RemainD").innerHTML=nD;
30 document.getElementById("RemainH").innerHTML=nH;
31 document.getElementById("RemainM").innerHTML=nM;
32 document.getElementById("RemainS").innerHTML=nS;
33 setTimeout("GetRTime()",1000);
34 }
35 else {
36 document.getElementById("CountMsg").innerHTML="已经结束!";
37 }
38 }
39 window.onload=GetRTime;
40 // -->
41 </SCRIPT>
42 </body>
43 </html>
44
后台desctimer.aspx.cs代码
Code
1 using System;
2 using System.Data;
3 using System.Configuration;
4 using System.Collections;
5 using System.Web;
6 using System.Web.Security;
7 using System.Web.UI;
8 using System.Web.UI.WebControls;
9 using System.Web.UI.WebControls.WebParts;
10 using System.Web.UI.HtmlControls;
11
12 public partial class desctimer : System.Web.UI.Page
13 {
14
15 public string datatime="";
16 string a = "2009-6-8 05:15:12";//前台脚本使用Date()方法,在此时间要减少一个月才是所要的时间
17 protected void Page_Load(object sender, EventArgs e)
18 {
19 a=a.Replace("-", ",").Replace(":",",").Replace(" ",",");
20 datatime = a.ToString();
21
22 }
23 }
24
1 using System;
2 using System.Data;
3 using System.Configuration;
4 using System.Collections;
5 using System.Web;
6 using System.Web.Security;
7 using System.Web.UI;
8 using System.Web.UI.WebControls;
9 using System.Web.UI.WebControls.WebParts;
10 using System.Web.UI.HtmlControls;
11
12 public partial class desctimer : System.Web.UI.Page
13 {
14
15 public string datatime="";
16 string a = "2009-6-8 05:15:12";//前台脚本使用Date()方法,在此时间要减少一个月才是所要的时间
17 protected void Page_Load(object sender, EventArgs e)
18 {
19 a=a.Replace("-", ",").Replace(":",",").Replace(" ",",");
20 datatime = a.ToString();
21
22 }
23 }
24