Question

我试图在ASP.NET/c#中的多个转发器中使用多个时钟。我可以显示多个时钟，但是格式都是错误的。

我已经在stackoverflow上看到了代码，他们说，您需要做的就是添加flipclock.js库，flipclock.css和以下代码：

<div id="currentClock" class="clock-1" data-countdown="2015/07/15 17:12:20" style="margin:2em;"></div>
<div class="message"></div>

并且您需要添加以下jQuery，以便它可以填充所有clock-1对象：

$(document).ready(function() {
        var clocks = [];

        $('.clock-1').each(function() {
            var clock = $(this),
                date = (new Date(clock.data('countdown')).getTime() - new Date().getTime()) / 1000;

            clock.FlipClock(date, {
                clockFace: 'DailyCounter',
                countdown: true
            });

            clocks.push(clock);
        });
    });

我也在网上找到了此代码，当我运行它时，它看起来很不错！我可以使用此代码，但是我不知道如何在其中用'<％＃Eval（“ ClosingDate”）％>'之类的东西填充下面的'date'变量。

<div id="divClickBuilder1" class="clock-1" style="margin-left: 50px; "></div>
<script type="text/javascript" src="compiled/flipclock.js"></script>
<style type="text/css">body .flip-clock-wrapper ul li a div div.inn, body .flip-clock-small-wrapper1 ul li a div div.inn { color: #CCCCCC; background-color: #0095cc !important; } body .flip-clock-dot, body .flip-clock-small-wrapper .flip-clock-dot { background: #323434; } body .flip-clock-wrapper .flip-clock-meridium a, body .flip-clock-small-wrapper .flip-clock-meridium a { color: #323434; }</style>  
<script type="text/javascript">
    $(function(){
        FlipClock.Lang.Custom = { days:'Days', hours:'Hours', minutes:'Minutes', seconds:'Seconds' };
        var opts = {
            clockFace: 'DailyCounter',
            countdown: true,
            language: 'English'
        };  
        var date = new Date(2019, 7, 30);
        var now = new Date();
        var diff = (date.getTime() / 1000) - (now.getTime() / 1000);

        $('.clock1').FlipClock(diff, opts);
    });
</script>

我想使用jQuery方法，因为创建这些时钟似乎更加干净，例如：

<div id="currentClock" runat="server" class="clock-1" data-countdown='<%#Eval("ClosingDate") %>' style="margin:2em;"></div>
<div class="message"></div>

在此代码中，我具有与上述相同的“样式”标签，CSS和JS库，可以正常工作/看起来不错。但是，我没有在日期，时间，分钟数和秒数之间插入冒号并正确翻转时钟，而是得到了如下格式：-1 8 1 3 1-1：9？：1 5：-8和时钟 NOT 翻转。

如何设置适当的选项以使这些时钟正确显示/工作？

多个FlipClocks格式不正确

0 个答案: