ASP.NET website: đồng hồ đếm ngược

Gia đình miền Tây huyện Thới Bình hơn 20 năm chăm sóc hàng nghìn chim trời

Tập tành Working With Domain Access Module in Drupal 7.x

Posted by: Tommy Tran
Fri, 7/12/2012, 11:56 (GMT+7)
0 Bình luận

ASP.NET website: đồng hồ đếm ngược

Bạn nhận một đơn đặt hàng thiết kế website yêu cầu có một đồng hồ thời gian đếm ngược (VD: đấu giá, thời gian khuyến mãi, v.v...) nhưng làm thế nào chèn một bộ đếm thời gian vào website và mỗi khi thời gian nhích một giây vẫn không làm cho trang web bị load lại. WEBXAULA.COM xin trình bày một cách đơn giản để có thể thực hiện được điều này.

ASP.NET website: đồng hồ đếm ngược

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

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);

}

Như vậy là OK rồi. Chúc các bạn thành công.

Bạn thấy bài viết này như thế nào?:

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

Skype ID: tthanhthuy

More about Tommy Tran

Quảng Cáo Bài Viết

Hướng dẫn cài đặt Mac OS X 10.4.3 trên PC Intel

Monthly archive

Xem thêm

Công ty diệt chuột T&C

ASP.NET website: đồng hồ đếm ngược

Gia đình miền Tây huyện Thới Bình hơn 20 năm chăm sóc hàng nghìn chim trời

Tập tành Working With Domain Access Module in Drupal 7.x