c#&asp.net 竞拍结束倒计时例子

本文提供了一个使用C#与JavaScript实现的时间倒计时示例,通过比较数据库时间和当前时间来更新剩余时间显示,并禁用按钮。代码包括C#后端设置和JavaScript前端计时逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将以下代码拷贝到aspx页面,即可看到效果

<%
    
//要比较的数据库中的时间
    DateTime dt = DateTime.Parse("2008-01-08 15:26:35");
    
long ms = (long)dt.Subtract(DateTime.Now).TotalSeconds;
     
%>
    
<script type="text/javascript">
var allSeconds
=<%=ms %>;

function count(){
   
   
if(allSeconds<=0){
       
           document.getElementById(
"pai").disabled="disabled";
   }
    setTimeout(
"count()",1000);
    document.getElementById(
"lefttime").innerHTML=getLeftTimeString(allSeconds);
    allSeconds
--;
}

function getLeftTimeString(ms){
    
if(ms<=0return "竞拍已经结束";
    var rr
="剩余";
    
if(ms>=86400){
        rr
=rr+String(Math.floor(ms/86400))+"";
        ms
=ms%86400;
    }
    
if(ms>=3600){
        rr
=rr+String(Math.floor(ms/3600))+"小时";
        ms
=ms%3600;
    }

    
if(ms>=60){
        rr
=rr+String(Math.floor(ms/60))+"分钟";
        ms
=ms%60;
    }
    rr
=rr+String(ms)+"";
    
return rr;
}
    
</script>
    
<div>
        
<input id="pai" type="button" value="竞拍"/>
        
<span id="lefttime"></span>
        
<script type="text/javascript">
        count();
        
</script>
    
</div>


说明:在c#代码中替换对应dt的值,在aspx页面将<%=ms %>输出到js代码内部作为变量,剩下的就交给js了。只是简单模拟,具体逻辑自己再改吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值