Đếm ngược thời gian trong Asp.net

Xin chào các bạn, hôm nay có chút thời gian nên mình up lên đây code tạo đồng hồ đếm ngược trong asp.net với 2 giá trị thời gian là startDateTime và endDateTime.( thường thấy trong các trang bán sản phẩm trực tuyến – mục sản phẩm khuyến mại, hoặc website đấu giá…)

Tại trang Default.aspx, bạn chèn code sau vào phần source HTML:

<div id=”timelabel”></div>

<script type=”text/javascript”>

var leave =<%=seconds %>;

CounterTimer();

var interv=setInterval(CounterTimer,1000);

function CounterTimer()

{

var day = Math.floor(leave / ( 60 * 60 * 24))

var hour = Math.floor(leave / 3600) – (day * 24)

var minute = Math.floor(leave / 60) – (day * 24 *60) – (hour * 60)

var second = Math.floor(leave) – (day * 24 *60*60) – (hour * 60 * 60) – (minute*60)

hour=hour<10 ? “0″ + hour : hour;

minute=minute<10 ? “0″ + minute : minute;

second=second<10 ? “0″ + second : second;

var remain=day + ” days   “+hour + “:”+minute+”:”+second;

leave=leave-1;

document.getElementById(“timelabel”).innerHTML=remain;

}

</script>

Sau đó bạn chèn code sau vào trang Default.aspx.cs:

public double seconds;
protected void Page_Load(object sender, EventArgs e)
{
seconds = (GetEndTime() – GetStartTime()).TotalSeconds;

}
private DateTime GetStartTime()
{
return DateTime.Now;
}
private DateTime GetEndTime()
{
return new DateTime(2010, 5, 06, 8, 10, 0);
}

Vậy là bạn đã có 1 bộ đếm thời gian như ý rồi. Chúc các bạn thành công.

http://ipanelonlinevietnam.blogspot.com/