javascript倒数计时器来自数据库的新日期答案

【问题标题】：javascript countdown timer new date from databasejavascript倒数计时器来自数据库的新日期
【发布时间】：2011-10-19 19:04:57
【问题描述】：

<script type="text/javascript">
        $(function() {
        var newYear = new Date();
        newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
        $('#countdown').countdown({ until: newYear, format: 'DHMS', layout:
'<div id="timer">' + '<hr />'+
    '<div id="timer_days" class="timer_numbers">{dnn}</div>'+
    '<div id="timer_hours" class="timer_numbers">{hnn}</div>'+
    '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+
    '<div id="timer_seconds" class="timer_numbers">{snn}</div>'+
'<div id="timer_labels">'+
    '<div id="timer_days_label" class="timer_labels">days</div>'+
    '<div id="timer_hours_label" class="timer_labels">hours</div>'+
    '<div id="timer_mins_label" class="timer_labels">mins</div>'+
    '<div id="timer_seconds_label" class="timer_labels">secs</div>'+
'</div>'+
'</div>'
});
});
</script>

我正在使用此脚本在我的网页上显示倒数计时器...但不是newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 我想从我的数据库中获取新日期...我该怎么做？？

aspx 代码

<asp:HiddenField runat="server" ID="HF" /> 后面的代码 [日期是 10\21\2011] `

If defaultJob = False Then
                sql.SelectCommand.CommandText = "SELECT OfferHeader, OfferDesc, MarketPrice, OfferPrice, Discount, PayInAdv, PayLater, ImageURL, AdTags,EndTime FROM " & offerTable & " WHERE CustID = '" & custID & "' AND BusiID=" & busiID & " AND OfferID=" & offerID
            Else
                sql.SelectCommand.CommandText = "SELECT OfferHeader, OfferDesc, MarketPrice, OfferPrice, Discount, PayInAdv, PayLater, ImageURL, AdTags,EndTime FROM " & offerTable & " WHERE CustID = '" & custID & "' AND BusiID=" & busiID & " AND OfferID=" & offerID
            End If

        Try
            con.Open()
            sql.Fill(table)
            con.Close()

            With table.Rows(0)
                LblOfferHeader.Text = Convert.ToString(.Item(0))
                LblOfferDesc.Text = Convert.ToString(.Item(1))
                LblMarketPrice.Text = Convert.ToString(.Item(2))
                LblOfferPrice.Text = Convert.ToString(.Item(3))
                LblDiscount.Text = Convert.ToString(.Item(4))
                LblPayInAdv.Text = Convert.ToString(.Item(5))
                LblPayLater.Text = Convert.ToString(.Item(6))
                ImgOfferImage.ImageUrl = Convert.ToString(.Item(7))
                HF.Value = Convert.ToString(.Item(9))
            End With
        Catch ex As Exception
            'MsgBox(ex.Message)
        Finally
            sql.Dispose()
            con.Close()
            con.Dispose()
        End Try`

来自数据库的日期是 10\21\2011 但计时器显示还剩 36 分钟 ....为什么？我做错了什么？？？

【问题讨论】：

标签： javascript jquery asp.net

【解决方案1】：

现在修改您的标记以具有隐藏元素

<input type="hidden" runat="server" id="hiddenDate" />

//伪代码

Page_Load()
{
    hiddenDate.value = datereadfromDatabase;

}

现在您的脚本可以如下所示：

<script type="text/javascript">
        $(function() {
        var newYear = $('#<%=hiddenDate.ClientID%>').val();
        $('#countdown').countdown({ until: newYear, format: 'DHMS', layout:
'<div id="timer">' + '<hr />'+
    '<div id="timer_days" class="timer_numbers">{dnn}</div>'+
    '<div id="timer_hours" class="timer_numbers">{hnn}</div>'+
    '<div id="timer_mins" class="timer_numbers">{mnn}</div>'+
    '<div id="timer_seconds" class="timer_numbers">{snn}</div>'+
'<div id="timer_labels">'+
    '<div id="timer_days_label" class="timer_labels">days</div>'+
    '<div id="timer_hours_label" class="timer_labels">hours</div>'+
    '<div id="timer_mins_label" class="timer_labels">mins</div>'+
    '<div id="timer_seconds_label" class="timer_labels">secs</div>'+
'</div>'+
'</div>'
});
});
</script>

【讨论】：

【解决方案2】：

您可以在页面加载时将值存储在隐藏字段中并使用 javascript 获取它

HTML

<asp:HiddenField runat="server" ID="hdf_Date" />

Javascript

$('[id$=hdf_Date]').val() // Get Date

代码背后

hdf_Date.Value = ValueFromDb;

【讨论】：