商品倒计时打折js实现

function GetRTime() {
    $(".mytime").each(function(){
        //从页面拿到设置的日期格式例如为 2017-02-12 12:23:05
        var mytime = $(this).html();
        //将时间分别截取
        var year = mytime.substring(0, 4);
        var month = mytime.substring(5, 7);
        var day = mytime.substring(8, 10);
        var hour = mytime.substring(11, 13);
        var mint = mytime.substring(14, 16);
        var house = mytime.substring(17, 19);
        var startTime = new Date();
        var NowTime = new Date();
        //获得当前的时间
        startTime.setFullYear(year, month-1, day);
        //调用设置年份,调用设置指定的时间的小时字段
        startTime.setHours(hour);
        //调用设置指定时间的分钟字段
        startTime.setMinutes(mint);
        //调用置指定时间的毫秒字段
        startTime.setSeconds(house);
        //获得截至的时间
        var EndTime = startTime.getTime();
        //截至时间减去当前时间获得剩余时间
        var nMS = EndTime - NowTime.getTime();
        //定义参数 获得天数
        var nD = Math.floor(nMS / (1000 * 60 * 60 * 24));
        //定义参数 获得小时
        var nH = Math.floor(nMS / (1000 * 60 * 60)) % 24;
        //定义参数 获得分钟
        var nM = Math.floor(nMS / (1000 * 60)) % 60;
        //定义参数,获得秒
        var nS = Math.floor(nMS / 1000) % 60;
       //如果天数,小时,分钟为负,则显示为0
        if(nD<=0){
            nD=0;
        };
        if(nH<=0){
            nH=0;
        };
        if(nM<=0){
            nM=0;
        };
            //这些就是当前时间
            $(this).next().html("特价菜倒计时"+nD + "天" + nH + "时" + nM + "分" + nS + "秒");
            //特价时间在当前时间之前显示,并打折该商品
            if(nMS>0){
                //商品原价
                var $yuanprice=$(this).parent().parent().parent().find(".span4").html();
                $(this).next().show();
                var $yuanjia=$yuanprice*0.8;
                //alert($yuanjia.toFixed(2));
                $(this).parent().parent().parent().find(".huodongjia").html($yuanjia.toFixed(2)).css("color","red");
                $(this).parent().parent().parent().find(".huodongjia").show();
                $(this).parent().parent().parent().find(".huodongzi").show();
                
            }else{
                var $yuanprice=$(this).parent().parent().parent().find(".span4").html();
                //alert($yuanjia.toFixed(2));
                $(this).parent().parent().parent().find(".huodongjia").html($yuanprice);
            };
    });
    

}

$(document).ready(function() {
    
    var timer_rt = window.setInterval("GetRTime()", 1000);

)};


前台jsp部分代码

<c:forEach items="${requestScope.showShopsMes}" var="showShopsMes">
    <div id="div9">
        <span>${showShopsMes.name}</span>

    </div>
    <div id="div10">
        <img src="static/image/xingji4.gif" alt=""/>
    </div>
    
    <div id="div11">
        <p>配送费</p>
        <span>配送费¥${showShopsMes.sendPrice}</span>
    </div>
    <div id="div12">
        <p>商家地址</p>
        <span>${showShopsMes.address}</span>
    </div>
    </c:forEach>



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值