CODE Intro Chúc mừng la lá la

<!-- Intro Chúc mừng la lá la -->
<div id='happynewyear-bacsiwindows'>Chúc Mừng Năm Mới</div>
<style>
#happynewyear-bacsiwindows{font-family:&#39;Dancing Script&#39;,cursive;font-weight:700;font-size:1.7em;padding:0.5em 0 0.5em;text-align:center;display:block;color:#7577a9;background: url(https://res-zaloapp-te-vnso-zn-4.zadn.vn/pc/banners/header-t1-3.png) no-repeat;animation:blink-text-bsw 1.5s infinite;text-shadow:0 0 10px}
@keyframes blink-text-bsw{0%{color:#e69034}10%{color:#3179F6}20%{color:#008000}30%{color:#00CCBB}40%{color:#0AC353}50%{color:#EF3CE8}60%{color:#A3F4C7}70%{color:#2e857e}80%{color:#8D8D9E}90%{color:#6821c3}100%{color:#dd2a84}}
</style>
<!-- Intro Đếm ngược Tết -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="countdown">
    <h3 id="title">🎉 XUÂN QUÝ MÃO 2023 🎉</h3>
    <ul>
        <li><span id="days">...</span>Ngày</li>
        <li><span id="hours">...</span>Giờ</li>
        <li><span id="minutes">...</span>Phút</li>
        <li><span id="seconds">...</span>Giây</li>
    </ul>
</div>
<style>
    #countdown h3 {
        text-align: center;
        font-family:Bungee Shade;
        color:#FFFFFF;
    }

    #countdown ul {
        text-align: center;
    }

    #countdown li {
        display: inline-block;
        font-size: 16px;
        text-align: center;
        list-style-type: none;
        padding: 0.5em;
        text-transform: capitalize;
        margin-left: 0% !important;
    }

    #countdown li span {
        display: block;
        font-size: 20px;
        font-weight: 700;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border: 3px solid #ffee0a;
        background-color: #ffee0a;
        font-family:Bungee Shade;
        color: #FF0000;
        border-radius: 50%;
        margin-bottom: 5px;
    }
</style>
<script>
    // Đặt ngày đếm ngược, ở đây mình đặt ngày đếm ngược là 01/02/2022
    //February: Tháng hai, 01: Ngày, 2022: Năm, 00:00:00 or 24:00:00 thời gian của ngày đếm ngược
    var countDownDate = new Date("January 22, 2023 00:00:00").getTime();

    // setInterval: Cập nhật đếm ngược sau mỗi 1 giây.
    // 1000: 1 giây
    var x = setInterval(function () {

        // Ngày và giờ hôm nay
        var now = new Date().getTime();

        // Làm phép tính để đếm khoảng cách ngày hôm nay và ngày đếm ngược
        var distance = countDownDate - now;

        // Tính toán thời gian cho ngày, giờ, phút và giây
        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        document.getElementById("days").innerText = days,
        document.getElementById("hours").innerText = hours,
        document.getElementById("minutes").innerText = minutes,
        document.getElementById("seconds").innerText = seconds

        // Nếu kết thúc quá trình đếm ngược thì in ra thông báo gì đó
        if (distance < 0) {
            clearInterval(x);
            document.getElementById("title").innerHTML = "CHÚC MỪNG NĂM MỚI";
            document.getElementById("days").innerText = 0,
            document.getElementById("hours").innerText = 0,
            document.getElementById("minutes").innerText = 0,
            document.getElementById("seconds").innerText = 0
        }
    }, 1000);
</script>

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKj7tA4pdOzkAp4o9czs37iBFuX-bvMimnjPsQKL7PvjZYqtpIOaIQSGDhtz0ioxjBrahxmMYq1zpjaTU0OwVHuuiymv_jhYl3IhBWlwFoW168My0rwr1BpL77cckVRdTL23JkVSkq7zQ-jKoSO8yQaDAM1ktKVgDK4SU-REmswrZv0D-OkA0ZhRTlFQ/s1600/Ch%C3%BAc%20m%E1%BB%ABng%20n%C4%83m%20m%E1%BB%9Bi%202023.gif" style="display: block; padding: ; text-align: center; "><img alt="" border="0" data-original-height="1152" data-original-width="648" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKj7tA4pdOzkAp4o9czs37iBFuX-bvMimnjPsQKL7PvjZYqtpIOaIQSGDhtz0ioxjBrahxmMYq1zpjaTU0OwVHuuiymv_jhYl3IhBWlwFoW168My0rwr1BpL77cckVRdTL23JkVSkq7zQ-jKoSO8yQaDAM1ktKVgDK4SU-REmswrZv0D-OkA0ZhRTlFQ/s1600/Ch%C3%BAc%20m%E1%BB%ABng%20n%C4%83m%20m%E1%BB%9Bi%202023.gif"/></a></div> 

Post a Comment

Previous Post Next Post