jquery.fliptimer.js翻牌时钟效果插件-BFW插件库

jquery.fliptimer.js翻牌时钟效果插件

第一步引入bfwone

第二步执行插件代码

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.fliptimer", "fliptimer"], function() {
                $('.dowebok').flipTimer({
                    seconds: true
                });
                var d = new Date();
                var myDate = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + (d.getDate() + 1) + ' 00:00:00';

                $('.dowebok2').flipTimer({
                    direction: 'down',
                    date: myDate
                });


            });
        });
    </script>
</head>
<body style="background:white;padding:20px;">
    <p>
        现在时间是：
    </p>
    <div class="dowebok">
        <div class="hours"></div>
        <div class="minutes"></div>
        <div class="seconds"></div>
    </div>
    <p>
        距离明天还有：
    </p>
    <div class="dowebok2">
        <div class="hours"></div>
        <div class="minutes"></div>
        <div class="seconds"></div>
    </div>
</body>
</html>