Tiện ích đồng hồ điện tử có thứ, ngày, tháng, năm
1/ Vào Bố cục blog, thêm tiện ích HTML/JavaScript, nhập "Đồng Hồ" vào khung Tiêu đề
(hoặc nhập Tiêu đề khác, hoặc để trống tiêu đề tùy ý).
2/ Copy code (chữ màu đỏ) dưới đây dán vào khung Nội dung của tiện ích.
2/ Copy code (chữ màu đỏ) dưới đây dán vào khung Nội dung của tiện ích.
<div class="codepro-time">
<span id="codepro-hour"></span>
<span id="codepro-date"></span>
</div>
<style>
.codepro-time{text-align:center;}
#codepro-hour{font-weight:400;display:block;font-size:30px;margin: 0 0 5px;letter-spacing:5px;}
</style>
<script type="text/javascript">
var myVar = setInterval(function() {
myTimer()
}, 1000);
function myTimer() {
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("codepro-hour").innerHTML = t;
}
n = new Date();
if (n.getTimezoneOffset() == 0) t = n.getTime() + (7 * 60 * 60 * 1000);
else t = n.getTime();
n.setTime(t);
var dn = new Array("Chủ nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7");
d = n.getDay();
m = n.getMonth() + 1;
y = n.getFullYear()
var date = dn[d] + ", " + (n.getDate() < 10 ? "0" : "") + n.getDate() + "/" + (m < 10 ? "0" : "") + m + "/" + y;
document.getElementById("codepro-date").innerHTML = date;
</script>
3/ Nhấp Lưu tiện ích, kéo và thả tiện ích vào vị trí tùy ý trong Bố cục.
4/ Nhấp lưu Bố cục và xem blog để xem kết quả.
Nguồn:
https://www.code.pro.vn/2021/09/share-code-dong-ho-co-ngay-thang-nam-cho-blog-website.html
Không có nhận xét nào:
Hướng dẫn viết nhận xét:
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
- Thêm một vài biểu tượng cảm xúc...