zoukankan      html  css  js  c++  java
  • js实现倒计时

    html代码;

    <span>开售时间:</span>
                                    
    <span class="time" id="dateShow1">
       <span class="date-tiem-span d">00</span>   <span class="date-tiem-span h">00</span>   <span class="date-tiem-span m">00</span>   <span class="date-s-span s">00</span><br/>
    </span>

    css代码:

    /*倒计时样式*/
    .date-tiem-span,.date-s-span{
        display: inline-block;
        font-size:18px; 
        width:36px; 
        height:30px;
        line-height:30px; 
        text-align: center; 
        color:#fff; 
        border-radius:5px;
    }
    .date-tiem-span{ 
        background:#333;
    }
    .date-s-span{ 
        /*background:#f00;*/
        background:#333;
    }

    js代码:

    $(function(){
            //日期倒计时
            $.leftTime("2018-04-18 10:32:42",function(d){
                if(d.status){
                var $dateShow1=$("#dateShow1");
                    $dateShow1.find(".d").html(d.d);
                    $dateShow1.find(".h").html(d.h);
                    $dateShow1.find(".m").html(d.m);
                    $dateShow1.find(".s").html(d.s);
                }
            });
        });

    效果:

  • 相关阅读:
    spark 脚本示例
    R树的应用
    将博客搬至CSDN
    select
    注册页面的验证码的实现
    web项目.注册及登陆
    eclipse web 项目中遇到的问题总结
    Apache与Tomcat
    关于MVC整理
    JDBC
  • 原文地址:https://www.cnblogs.com/zxf100/p/8854591.html
Copyright © 2011-2022 走看看