Таймер обратного отсчета в asp.net

Я использую asp.net 3.5 с С#. Я хочу создать таймер обратного отсчета, и мое требование таково:

Дата окончания обратного отсчета: 16 июня 2010 Итак, до 16 июня мой таймер будет показывать оставшееся время.

Пожалуйста, дайте мне знать, как этого добиться, я гуглил, но не нашел решения своей проблемы.

Заранее спасибо.


c# asp.net countdown
person Zerotoinfinity    schedule 20.05.2010    source источник
comment
Кроме того, я хочу, чтобы таймер уменьшался каждую секунду. пожалуйста помоги   -  person Zerotoinfinity    schedule 20.05.2010

Ответы (2)


arrow_upward
5
arrow_downward

Это то, что вам нужно решить с помощью Javascript. Единственное, что вам нужно сделать с сервера, это установить дату окончания в виде переменной Javascript. Вам нужен Javascript, потому что вы загружаете страницу только с сервера. После этого вам нужно обработать обратный отсчет на клиенте.

JavaScript

<script type="text/javascript">
    function countdown_clock(clockID, year, month, day, hour, minute) {
        countdown(clockID, year, month, day, hour, minute);
    }

    function countdown(clockID, year, month, day, hour, minute) {
        Today = new Date();
        Todays_Year = Today.getFullYear();
        Todays_Month = Today.getMonth();

        //Convert both today's date and the target date into miliseconds.                           
        Todays_Date = (new Date(Todays_Year, Todays_Month, Today.getDate(),
                             Today.getHours(), Today.getMinutes(), Today.getSeconds())).getTime();
        Target_Date = (new Date(year, month - 1, day, hour, minute, 00)).getTime();

        //Find their difference, and convert that into seconds.                  
        Time_Left = Math.round((Target_Date - Todays_Date) / 1000);

        if (Time_Left < 0)
            Time_Left = 0;

        days = Math.floor(Time_Left / (60 * 60 * 24));
        Time_Left %= (60 * 60 * 24);
        hours = Math.floor(Time_Left / (60 * 60));
        Time_Left %= (60 * 60);
        minutes = Math.floor(Time_Left / 60);
        Time_Left %= 60;
        seconds = Time_Left;

        dps = 's'; hps = 's'; mps = 's'; sps = 's';
        //ps is short for plural suffix.
        if (days == 1) dps = '';
        if (hours == 1) hps = '';
        if (minutes == 1) mps = '';
        if (seconds == 1) sps = '';

        var clock = document.getElementById(clockID);
        clock.innerHTML = days + ' day' + dps + ' ';
        clock.innerHTML += hours + ' hour' + hps + ' ';
        clock.innerHTML += minutes + ' minute' + mps + ' and ';
        clock.innerHTML += seconds + ' second' + sps;

        //Recursive call, keeps the clock ticking.
        setTimeout('countdown("' + clockID + '",' + year + ',' + month + ',' + day + ',' + hour + ',' + minute + ');', 1000);
    }
</script>

ASP.NET

protected override void OnPreRender(EventArgs e)
    {
        DateTime endDate = new DateTime(2010, 6, 1, 0, 0, 0);
        string script = string.Format("countdown_clock('clock', {0}, {1}, {2}, {3}, {4});", endDate.Year, endDate.Month, endDate.Day, endDate.Hour, endDate.Minute);
        ScriptManager.RegisterStartupScript(this, this.GetType(), "countdown", script, true);

        base.OnPreRender(e);
    }

Сценарий, модифицированный для примера, взят из My Little Scripts.

person Joop    schedule 20.05.2010

arrow_upward
0
arrow_downward

Если вам нравится простота, используйте DateTime.

DateTime EventTime = new DateTime(2010, 6, 16);
TimeSpan Duration = EventTime - DateTime.Now;
string TimeTillEvent = Duration.ToString();
person Marks    schedule 20.05.2010
comment
Привет, Маркс, спасибо за ответ. Как я могу заставить время уменьшать время в секунду, как цифровые часы? - person Zerotoinfinity; 20.05.2010
comment
Если вы хотите, чтобы он отсчитывал жизнь, вы не можете использовать для этого javascript. Посмотрите на ответ Джупа. Мое решение предназначено только для обновления по запросу. - person Marks; 20.05.2010