Shortcode tạo nút click chờ 30s mới hiển thị liên kết hoặc kết quả
Bạn copy all đoạn code php phía dưới cho vào file function.php của theme đang active trên website wordpress của bạn nhé!
Demo:
30
MEPAGEVN
/*
* Cách dùng [ogwsl second=30 link="MEPAGEVN" title_button="Lấy mã" color_background="#f40202" color_button="#ffffff" size_second="24"]
*/
if (!function_exists( 'OgWaitShowLink' ) ) {
add_shortcode('ogwsl', 'OgWaitShowLink');
function OgWaitShowLink(
atts));
return '<div class="ogwsl" onclick="animateValue(\'value-ogwsl\', '.
second.'000, \'show-link\', \'btn-ogwsl\')" style="background:'.
color_background.';color:'.
title_button.'</button></div>
<div id="value-ogwsl" class="hidden" style="font-size:'.
color_button.'">'.
color_button.'">'.$link.'</span></div>
</div>
<script>function animateValue(idvalue, start, end, duration, showlink, idbtn) {
var btn = document.getElementById(idbtn);
var obj = document.getElementById(idvalue);
var sl = document.getElementById(showlink);
if (start === end) {return;};
btn.classList.add("hidden");obj.classList.remove("hidden");
var range = end - start;
var current = start;
var increment = end > start? 1 : -1;
var stepTime = Math.abs(Math.floor(duration / range));
var timer = setInterval(function() {
current += increment;
obj.innerHTML = current;
if (current == end) {
clearInterval(timer);sl.classList.remove("hidden");obj.classList.add("hidden");
}
}, stepTime);
}</script><style>.hidden{display:none !important}</style>
';
}
}