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;
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);
}
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.
(Nguồn: webxaula.com)
http://ipanelonlinevietnam.blogspot.com/
http://ipanelonlinevietnam.blogspot.com/