Token Sale Counter

Token Sale Counter

FlipClock.js is used for counter.

FlipClock.js requires a few files to work properly. The minified source contains all the clock faces for maximum portability.

Loading the Scripts :

                    <html>
    <head>
        <link rel="stylesheet" href="/vendors/flipclock/flipclock.css">
    </head>
    <body>
        ...
        
        <script src="/vendors/flipclock/flipclock.min.js"></script>
    </body>
</html>
    

Use below HTML to add FlipClock counter after adding JS and CSS

                    <div class="clock-counter">
            <div class="clock"></div>
            <div class="message"></div>
        </div>

To change counter time and message, you need to update theme.js file's FlipClock Counter section. You can get theme.js file from here :

                    
                        crypto_ico/
                        ├── src/
                        |   ├── js/
                        |   |   ├── theme.js
                        
                    
                

Javascript code of FlipClock js is here :

var clock;
clock = $('.clock').FlipClock({
    clockFace: 'DailyCounter',
    autoStart: false,
    callbacks: {
        stop: function() {
            $('.message').html('The clock has stopped!')
        }
    }
});
clock.setTime(8100000);
clock.setCountdown(true);
clock.start();
                

You can find more attributes about FlipClock JS here