Hôm nay yeusharevip blogspot xin share với mọi người thủ thuật mới
code đếm ngược - countdown kiểu flipclock - code thích hợp đếm ngược đến sự kiện nào đó
toàn bộ code đơn giản mà đẹp
link download
http://www.mediafire.com/download/3yrtv7ef2ssn70g/flip-shimivn-blogspot.com.zip
ngoài ra config flipclock count down còn nhiều loại bạn có thể tìm hiểu
http://flipclockjs.com/
Nếu có thắc mắc, hãy để lại comment phía dưới nhé, quản trị viên của yeusharevip blogspot sẵn sàng trợ giúp bạn
chúc mọi người thành công!!
code đếm ngược - countdown kiểu flipclock - code thích hợp đếm ngược đến sự kiện nào đó
<!DOCTYPE HTML>Giải thích nơi đặt flip clock
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Shimivn.blogspot.com code flipclock count down</title>
<style type="text/css">
html,body {position:relative;margin:0;padding:0;top:0;left:0;width:100%;height:100%;background-color:#000;color:#FFF;text-align:center;}
.itbegins {position:relative;z-index:2147483647;width:625px !important;padding:0;margin:0 auto !important;}
</style>
<link rel="stylesheet" href="https://googledrive.com/host/0B5QGw-S27-uvcGxUTzVzODdUOGM" type="text/css" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<script src="https://googledrive.com/host/0B5QGw-S27-uvbGtMeXEtWWQwd0U" type="text/javascript"></script>
</head>
<body>
<script>
$( document ).ready( function() {
var now = new Date()
var date = new Date(2015, 01, 02);
var diff = ( ( date.getTime() - now.getTime() ) / 1000 );
clock = $( '.itbegins' ).FlipClock( diff, { clockFace: 'DailyCounter', countdown: true } );
} );
</script>
<div class="itbegins">
</div>
</body>
</html>
ngày tháng đếm ngược var date = new Date(2015, 22, 02); theo đó là năm tháng ngàycode và script
<div class="itbegins">
</div>
<link rel="stylesheet" href="https://googledrive.com/host/0B5QGw-S27-uvcGxUTzVzODdUOGM" type="text/css" />
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'></script>
<script src="https://googledrive.com/host/0B5QGw-S27-uvbGtMeXEtWWQwd0U" type="text/javascript"></script>
link download
http://www.mediafire.com/download/3yrtv7ef2ssn70g/flip-shimivn-blogspot.com.zip
ngoài ra config flipclock count down còn nhiều loại bạn có thể tìm hiểu
http://flipclockjs.com/
Nếu có thắc mắc, hãy để lại comment phía dưới nhé, quản trị viên của yeusharevip blogspot sẵn sàng trợ giúp bạn
chúc mọi người thành công!!
Tags:
thu-thuat-jquery
