code blogspot đếm ngược thời gian
Xem thêm :
code blogspot trở về đầu trang
code blogspot lấy bài viết liên quan theo lable
Với thủ thuật code blogspot nhỏ dưới đây bạn sẽ nhanh chóng áp dụng thành công cho blogspot của bạn
Để đếm lùi đến 1 sự kiện hoặc ra mắt sắp đến hiển thị thời gian thông báo trên trang web sẽ dễ dàng hơn với jquery rất nổi bật
B1 chèn link thư viện jquery
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
<script src="http://webvn20.googlecode.com/files/count.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
// ***** thay 2011/01/01 là năm tháng ngày *************************
$('div#clock').countdown("2012/1/1" , function(event) {
var $this = $(this);
switch(event.type) {
case "seconds":
case "minutes":
case "hours":
case "days":
case "weeks":
case "daysLeft":
$this.find('span#'+event.type).html(event.value);
break;
case "finished":
$this.hide();
break;
}
});
});
</script> B3 style cho đếm ngược <style>
#clock{
float:left;
width:400px;
height:50px;
border:1px #000000 solid;
}
.block{
float:left;
height:10px;
width:70px;
}
</style>B4 hiển thị ở đâu thì thay đổi style và chèn code sau vào
<div id="clock">
<div class="block"><span id="weeks"></span> Tuần</div>
<div class="block"><span id="daysLeft"></span> Ngày</div>
<div class="block"><span id="hours"></span> Giờ</div>
<div class="block"><span id="minutes"></span> Phút</div>
<div class="block"><span id="seconds"></span> Giây</div>
<br/> <div> <span >Là Đến Tết</span></div>
</div>
