倒计时如何使用“jquery.countdown.js”插件与jquery同步？

Question

无法获得正确的答案，因为我“很快”从 Jquery 变量中获得了正确的结果，但是当我与函数“serverSync”同步时，所有将设置为 0:0:0 我检查了两者是否具有相同的日期。 参考。地点 http://keith-wood.name/countdown.html

这是我的代码

[WebMethod]
public static String GetTime()
{
    DateTime dt = new DateTime(); 
    dt = Convert.ToDateTime("April 9, 2010 22:38:10");  
    return dt.ToString("dddd, dd MMMM yyyy HH:mm:ss");
}

html文件

<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>

<script type="text/javascript" src="Scripts/jquery.countdown.js"></script>

<script type="text/javascript">
    $(function() {
        var shortly = new Date('April 9, 2010 22:38:10');
        var newTime = new Date('April 9, 2010 22:38:10');
        //for loop divid
        /// 
        $('#defaultCountdown').countdown({
            until: shortly, onExpiry: liftOff, onTick: watchCountdown, serverSync: serverTime
        });
        $('#div1').countdown({ until: newTime });
    });

    function serverTime() {
        var time = null;
        $.ajax({
            type: "POST",
            //Page Name (in which the method should be called) and method name
            url: "Default.aspx/GetTime",
            // If you want to pass parameter or data to server side function you can try line
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: "{}",
            async: false,
            //else If you don't want to pass any value to server side function leave the data to blank line below
            //data: "{}",  
            success: function(msg) {
                //Got the response from server and render to the client

                time = new Date(msg.d);
                alert(time);
            },
            error: function(msg) {
                time = new Date();
                alert('1');
            }
        });

        return time;

    }
    function watchCountdown() { }
    function liftOff() { }

</script>

Answer 1

您将服务器时间设置为您正在倒计时的时间。

由于新的“serverSync”时间和“until”时间相同，因此倒计时将全部为 0。