☠️Not paid
Option 1 - Quick use
Add to function.php
function add_js_header(){
?>
<script>
document.addEventListener("DOMContentLoaded", function() {
/* change these variables as you wish */
var due_date = new Date('2023-03-07'); //Change due date here
var days_deadline = 1; //Must >= 1
/* stop changing here */
var current_date = new Date();
var utc1 = Date.UTC(due_date.getFullYear(), due_date.getMonth(), due_date.getDate());
var utc2 = Date.UTC(current_date.getFullYear(), current_date.getMonth(), current_date.getDate());
var days = Math.floor((utc2 - utc1) / (1000 * 60 * 60 * 24));
if(days > 0) {
var days_late = days_deadline - days;
var opacity = (days_late * 100 / days_deadline) / 100;
opacity = (opacity < 0) ? 0 : opacity;
opacity = (opacity > 1) ? 1 : opacity;
// Tạo phần tử overlayElement
var overlayElement = document.createElement("div");
overlayElement.className = "overlayElement";
overlayElement.style.position = "fixed";
overlayElement.style.top = "0";
overlayElement.style.left = "0";
overlayElement.style.width = "100%";
overlayElement.style.height = "100%";
overlayElement.style.backgroundColor = "rgba(0, 0, 0, " + opacity + ")";
overlayElement.style.zIndex = "9999"; // Đảm bảo phủ lên tất cả các phần tử khác
document.body.appendChild(overlayElement);
// Lưu nội dung body hiện tại vào biến content
var content = document.body.innerHTML;
// Xóa nội dung body hiện tại
document.body.innerHTML = '';
// Thêm hình ảnh vào body
var imageElement = document.createElement("img");
imageElement.className = "imageElement";
imageElement.src = "https://thaiduykhang.id.vn/wp-content/uploads/2024/02/Screenshot_2.jpg"; // Thay đổi đường dẫn đến hình ảnh của bạn ở đây
imageElement.style.position = "fixed";
imageElement.style.top = "50%";
imageElement.style.left = "50%";
imageElement.style.transform = "translate(-50%, -50%)";
imageElement.style.zIndex = "10000";
imageElement.style.objectFit = "contain"; // Đảm bảo hình ảnh hiển thị trên cùng
document.body.appendChild(imageElement);
// Thêm nội dung body gốc vào overlayElement
overlayElement.innerHTML = content;
}
});
</script>
<?php
}
add_action('wp_head','add_js_header');
?>Add to custom JS
Option 2 - API method
FetchAPI
Last updated