如何使用javascript在mvc中显示事件计时器

我正在开发约会时间表应用程序，我需要使用完整的日历为每个约会事件设置计时器。 我想显示事件计时器，以便根据计时器启用/禁用呼叫按钮

请帮忙？ 提前下载Thanx。

请尝试此代码

设置当前日期

TimeZoneInfo timeZoneInfo =   TimeZoneInfo.FindSystemTimeZoneById("Timezonename");

 var d = new Date('@DateTime.UtcNow.ToTimeZoneTime(timeZoneInfo)');

function getTimeRemaining(endtime){
        var t = Date.parse(endtime) - Date.parse(d);
        var seconds = Math.floor( (t/1000) % 60 );
        var minutes = Math.floor( (t/1000/60) % 60 );
        var hours = Math.floor( (t/(1000*60*60)) % 24 );
        var days = Math.floor( t/(1000*60*60*24) );
        return {
            'total': t,
            'days': days,
            'hours': hours,
            'minutes': minutes,
            'seconds': seconds
        };
    }

    var timeinterval;

var timeinterval;
    function initializeClock(endtime){
        var clock = document.getElementById(id);
        timeinterval = setInterval(function(){
            var t = getTimeRemaining(endtime);
            if(t.total<0)
            {
                t.seconds =((-1)*parseInt(t.seconds))-1;
                t.minutes = ((-1)*parseInt(t.minutes))-1;
                t.hours = ((-1)*parseInt(t.hours))-1;
                t.days =  ((-1)*parseInt(t.days))-1;
            }

            t.days= t.days<=9?'0'+t.days:t.days
            t.hours= t.hours<=9?'0'+t.hours:t.hours
            t.minutes= t.minutes<=9?'0'+t.minutes:t.minutes
            t.seconds= t.seconds<=9?'0'+t.seconds:t.seconds


            var text=(t.days>0)?t.days  + ' d ':'';

            if(t.total<=0){

                    text='Started '
                    text+=(t.days>0)?t.days  + ' d ':'';
                    text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                    text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                    text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s ago ':'';

            }
            else{

                text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s left ':'';
            }
            clock.text(text);
        },1000);
    }

计算剩余时间

TimeZoneInfo timeZoneInfo =   TimeZoneInfo.FindSystemTimeZoneById("Timezonename");

 var d = new Date('@DateTime.UtcNow.ToTimeZoneTime(timeZoneInfo)');

function getTimeRemaining(endtime){
        var t = Date.parse(endtime) - Date.parse(d);
        var seconds = Math.floor( (t/1000) % 60 );
        var minutes = Math.floor( (t/1000/60) % 60 );
        var hours = Math.floor( (t/(1000*60*60)) % 24 );
        var days = Math.floor( t/(1000*60*60*24) );
        return {
            'total': t,
            'days': days,
            'hours': hours,
            'minutes': minutes,
            'seconds': seconds
        };
    }

    var timeinterval;

var timeinterval;
    function initializeClock(endtime){
        var clock = document.getElementById(id);
        timeinterval = setInterval(function(){
            var t = getTimeRemaining(endtime);
            if(t.total<0)
            {
                t.seconds =((-1)*parseInt(t.seconds))-1;
                t.minutes = ((-1)*parseInt(t.minutes))-1;
                t.hours = ((-1)*parseInt(t.hours))-1;
                t.days =  ((-1)*parseInt(t.days))-1;
            }

            t.days= t.days<=9?'0'+t.days:t.days
            t.hours= t.hours<=9?'0'+t.hours:t.hours
            t.minutes= t.minutes<=9?'0'+t.minutes:t.minutes
            t.seconds= t.seconds<=9?'0'+t.seconds:t.seconds


            var text=(t.days>0)?t.days  + ' d ':'';

            if(t.total<=0){

                    text='Started '
                    text+=(t.days>0)?t.days  + ' d ':'';
                    text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                    text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                    text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s ago ':'';

            }
            else{

                text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s left ':'';
            }
            clock.text(text);
        },1000);
    }

初始化时钟

TimeZoneInfo timeZoneInfo =   TimeZoneInfo.FindSystemTimeZoneById("Timezonename");

 var d = new Date('@DateTime.UtcNow.ToTimeZoneTime(timeZoneInfo)');

function getTimeRemaining(endtime){
        var t = Date.parse(endtime) - Date.parse(d);
        var seconds = Math.floor( (t/1000) % 60 );
        var minutes = Math.floor( (t/1000/60) % 60 );
        var hours = Math.floor( (t/(1000*60*60)) % 24 );
        var days = Math.floor( t/(1000*60*60*24) );
        return {
            'total': t,
            'days': days,
            'hours': hours,
            'minutes': minutes,
            'seconds': seconds
        };
    }

    var timeinterval;

var timeinterval;
    function initializeClock(endtime){
        var clock = document.getElementById(id);
        timeinterval = setInterval(function(){
            var t = getTimeRemaining(endtime);
            if(t.total<0)
            {
                t.seconds =((-1)*parseInt(t.seconds))-1;
                t.minutes = ((-1)*parseInt(t.minutes))-1;
                t.hours = ((-1)*parseInt(t.hours))-1;
                t.days =  ((-1)*parseInt(t.days))-1;
            }

            t.days= t.days<=9?'0'+t.days:t.days
            t.hours= t.hours<=9?'0'+t.hours:t.hours
            t.minutes= t.minutes<=9?'0'+t.minutes:t.minutes
            t.seconds= t.seconds<=9?'0'+t.seconds:t.seconds


            var text=(t.days>0)?t.days  + ' d ':'';

            if(t.total<=0){

                    text='Started '
                    text+=(t.days>0)?t.days  + ' d ':'';
                    text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                    text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                    text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s ago ':'';

            }
            else{

                text+=(t.hours>0) || (t.days>0)?t.hours  + ' h ':'';
                text+=(t.minutes>0) || (t.hours>0)?t.minutes  + ' m ':'';
                text+=(t.seconds>0) || (t.minutes>0)?t.seconds  + ' s left ':'';
            }
            clock.text(text);
        },1000);
    }

var时间间隔；
函数初始化锁（结束时间）{
var clock=document.getElementById（id）；
timeinterval=setInterval（函数（）{
var t=GetTime剩余时间（endtime）；
如果（t.total0）？t.minutes+'m'：''；
text+=（t.seconds>0）|（t.minutes>0）？t.seconds+'s ago'：''；
}
否则{
text+=（t.hours>0）| |（t.days>0）？t.hours+'h'：''；
text+=（t.minutes>0）|（t.hours>0）？t.minutes+'m'：''；
text+=（t.seconds>0）|（t.minutes>0）？t.seconds+'s left'：''；
}
时钟。文本（文本）；
},1000);
}

您试过什么了吗？到目前为止运气好吗？？