free web
free web
free web
[ Tin mới · Thành viên · Nội quy · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Share tiện ích lịch âm dương và đồng hồ siêu đẹp cho web
Share tiện ích lịch âm dương và đồng hồ siêu đẹp cho web
Admin-8x Date: Thứ bảy, 19.Nov.2016, 3:34 PM | Message # 1
Offline
Avatar
Cấp độ: ₷oáiҪa
Bài viết: 36
Bạn hãy coppy đoạn code dưới và dán vào vị trí mà bạn muốn nó xuất hiện...!
Bạn hãy kiểm tra trang bạn đã có  jquery-1.7.2.js chưa
Nếu bạn chèn code mà thấy đồng hồ không chạy thì thêm jquery-1.7.2.js này vào trước thẻ nha
LINK DEMO ]
Code
<!-- lịch, đồng hồ -->
<div class="section widget-group-no-name widget-container">
<div class="secondaryContent widget WidgetFramework_WidgetRenderer_Html clockmg">
<link rel="stylesheet" href="http://ibox.ucoz.net/Demo/Lich-amduong/clock.css" type="text/css"></style>
<script type="text/javascript">
$(document).ready(function () {
// Tao 2 mang chua ten ngay thang
var monthNames = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
var dayNames = ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"]
// Tao moi doi tuong Date()
var newDate = new Date();
// Lay gia tri thoi gian hien tai
newDate.setDate(newDate.getDate());
// Xuat ngay thang, nam
// $('#Date').html(dayNames[newDate.getDay()] + ", " + newDate.getDate() + '/ ' + monthNames[newDate.getMonth()] + '/ ' + newDate.getFullYear());        
setInterval(function () {
// lay gia tri giay trong doi tuong Date()
var seconds = new Date().getSeconds();
// Chen so 0 vao dang truoc gia tri giay
$("#sec").html((seconds < 10 ? "0" : "") + seconds);
}, 1000);
setInterval(function () {
// Tuong tu lay gia tri phut
var minutes = new Date().getMinutes();
// Chen so 0 vao dang truoc gia tri phut neu gia tri hien tai nho hon 10
$("#min").html((minutes < 10 ? "0" : "") + minutes);
}, 1000);
setInterval(function () {
// Lay gia tri gio hien tai
var hours = new Date().getHours();
// Chen so 0 vao truoc gia tri gio neu gia tri nho hon 10
$("#hours").html((hours < 10 ? "0" : "") + hours);
}, 1000);

} <img src="/.s/sm/19/wink.gif" border="0" align="absmiddle" alt="wink" /> ;
</script>
<div class="clock">
<div id="Date">
</div>
<ul>
<li id="hours"></li>
<li id="point">:</li>
<li id="min"></li>
<li id="point">:</li>
<li id="sec"></li>
</ul>
</div>
<script type="text/javascript" language="JavaScript" src="http://ibox.ucoz.net/Demo/Lich-amduong/lich-am-ibox.js"></script>
<div style="width: 230px; margin: 10px auto;">
<script language="JavaScript">
setOutputSize("small");
document.writeln(printSelectedMonth());
</script>
</div>
</div>
</div>
<!-- lịch, đồng hồ End-->

Chúc các bạn thành công...!

Tìm kiếm: chia sẻ code tạo lịch âm dương và đồng hồ tuyệt đẹp cho web và blog,
code lich am duong cho web and blog, huong dan cach tao lich am duong cho web, full code lich am duong va dong ho cho web, tuyen chon code tien ich lich am duong va dong ho dep, xin co de tao lich am duong va dong ho dep, chen tich ich lich am duong cho blog va web,
Files đính kèm: 7911906.png(32.7 Kb)


Sống với niềm tin và đam mê sẽ sớm có được thành công,
Không hoang tưởng cũng không kiêu ngạo, thành công sẽ vững bền.
 
Forum » Giao lưu chia sẻ kinh nghiệm về website » Tổng hợp code và javascript » Share tiện ích lịch âm dương và đồng hồ siêu đẹp cho web
  • Page 1 of 1
  • 1
Search: