free web
English Online
free web
Click Đăng Ký hoặc đăng nhập bằng mạng xã hội để lướt web nhanh hơn, trải nghiệm đầy đủ hơn cũng như loại bỏ một số quảng cáo popup khó chịu trên web nhé!
[ 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-8xDate: Thứ bảy, 19.Nov.2016, 3:34 PM | Message # 1
₷oáiҪa
Group: Administrators
Messages: 36
Reputation: 690
Status: Offline
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,
Attachments: 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: