Tuesday, September 29, 2015
Bạn nhận một đơn đặt hàng thiết kế website deal 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. Toàn Cầu Web xin trình bày một cách đơn giản để có thể thực hiện được điều này.
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 nbsp="" span="" style="color: maroon; margin: 0px;">"0" + hour : hour;
minute=minute<10 nbsp="" span="" style="color: maroon; margin: 0px;">"0" + minute : minute;
second=second<10 nbsp="" span="" style="color: maroon; margin: 0px;">"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);
}
0 Comments:
Subscribe to:
Post Comments (Atom)