精华内容
下载资源
问答
  • 20分钟倒计时PPT

    2021-09-02 18:16:38
    20分钟倒计时PPT
  • 倒计时JS源码 10分钟倒计时【可任意修改】 请支持原创!
  • 20倒计时效果,电子时钟20倒计时ppt特效模板。
  • 电子时钟倒计时ppt特效,ppt倒计时模板下载。
  • 30分钟倒计时.swf

    2011-12-06 13:07:30
    30分钟倒计时.swf
  • ppt倒计时效果,20分钟数字变,60秒钟秒针盘变化,不错的效果
  • 天猫倒计时,网页倒计时JavaScript特效,距离2015-11-11日倒计时:距离活动结束还有00时00分00秒99天猫倒计时,网页倒计时JavaScript代码:body {}.sp-banner-countdown {width: 500px;height: 55px;/*position: ...

    天猫倒计时,网页倒计时JavaScript特效,距离2015-11-11日倒计时:

    距离活动结束还有

    00时

    00分

    00秒

    99

    天猫倒计时,网页倒计时JavaScript代码:

    body {

    }

    .sp-banner-countdown {

    width: 500px;

    height: 55px;

    /*position: absolute;

    top: 375px;

    right: 282px;*/

    /*background-image: url(http://a.vpimg3.com/upload/actpics/act/sp/branches/pc_sp/act-20151111/img/warm/countdownbg.d8d93f93.png);*/

    background-position: 0 0;

    background-repeat: no-repeat;

    text-align:center;

    background:#ccc;

    height:150px;

    }

    .sp-banner-countdown .banner-cd-cont {

    height: 80px;

    overflow: hidden;

    line-height: 50px;

    width:400px;

    margin:0px auto;

    }

    .sp-banner-countdown .banner-cd-s {

    float: left;

    display: block;

    /*margin-right: 28px;*/

    width: 52px;

    height: 50px;

    text-align: right;

    font-size: 32px;

    color: #fff;

    letter-spacing: 5px;

    font-family: bebas,tahoma;

    background:url(http://resource.520.cn/img/active/flashbuy/num_bg.png) center left repeat-x;

    }

    .sp-banner-countdown .b-cd-s {

    color: #ffbb45

    }

    .sp-banner-countdown .banner-cd-hd {

    /*position: absolute;

    top: 3px;

    left: 136px;*/

    height: 20px;

    color: #fff;

    font-family: microsoft Yahei;

    line-height: 20px;

    font-size: 14px;

    margin:10px auto;

    }

    .sp-banner-countdown .cd-d {

    text-indent:4px;

    letter-spacing: 9px;

    }

    .sp-banner-countdown .cd-h {

    text-indent:4px;

    letter-spacing: 9px;

    }

    .sp-banner-countdown .cd-m,.sp-banner-countdown .cd-s {

    text-indent:4px;

    letter-spacing: 9px;

    }

    .banner-text {

    float:left;

    font-size:24px;

    }

    .sp-banner-countdown .banner-cd-cont .cd-w {width:52px;letter-spacing:9px;text-indent:4px;}

    String.prototype.padLeft = function (padChar, width) {

    var ret = this;

    while (ret.length < width) {

    if (ret.length + padChar.length < width) {

    ret = padChar + ret;

    }

    else {

    ret = padChar.substring(0, width - ret.length) + ret;

    }

    }

    return ret.replace(/(.)(?=[^$])/g, "$1");

    };

    //window.onload = function () {

    // window.setInterval(function () { ShowCountDown('2015-11-12'); }, interval);

    //}

    $(function () {

    window.setInterval(function () { ShowCountDown('2015-11-12'); }, interval);

    })

    var interval = 1,count=99;

    function ShowCountDown(str) {

    var now = new Date();

    var year = str.split('-')[0];

    var month = str.split('-')[1];

    var day = str.split('-')[2];

    var endDate = new Date(year, month - 1, day);

    var leftTime = endDate.getTime() - now.getTime();

    var leftsecond = parseInt(leftTime / 1000);

    //var day1=parseInt(leftsecond/(24*60*60*6));

    var day1 = Math.floor(leftsecond / (60 * 60 * 24));

    var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);

    var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60);

    var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);

    count=count <= 0?99:count - 1;

    var microsecond = count;

    var cdh = document.getElementById("J-cd-h");

    var cdm = document.getElementById("J-cd-m");

    var cds = document.getElementById("J-cd-s");

    var cdw = document.getElementById("J-cd-w");

    cdh.innerHTML = (hour + "").padLeft('0', 2);

    cdm.innerHTML = (minute + "").padLeft('0', 2);

    cds.innerHTML = (second + "").padLeft('0', 2);

    cdw.innerHTML = (microsecond + "").padLeft('0', 2);

    }

    展开全文
  • 十二倒计时宣传海报适用于双十二海报设计
  • 20倒计时

    2014-08-19 08:47:53
    用flash制作的含音效倒计时,用flash制作的含音效倒计时
  • java一分钟倒计时代码

    2018-06-28 13:27:25
    初学者代码 java一分钟倒计时代码
  • 倒计时

    2019-03-21 18:08:28
    <!DOCTYPE html> <html lang="en"> <head> ...meta charset="UTF-8">...倒计时</title> </head> <body> <span class="timespan"></span> <...

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>倒计时</title>
     
    </head>
    <body>
      <span class="timespan"></span>
    </body>
    <script src="./js/jquery-1.7.2.min.js"></script>
    <script>
      var starttime = new Date("2020/11/20");
      setInterval(function () {
        var nowtime = new Date();
        var time = starttime - nowtime;
        var day = parseInt(time / 1000 / 60 / 60 / 24);
        var hour = parseInt(time / 1000 / 60 / 60 % 24);
        var minute = parseInt(time / 1000 / 60 % 60);
        var seconds = parseInt(time / 1000 % 60);
        $('.timespan').html(day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
      }, 1000);
    </script>
    </html>

    展开全文
  • 很多网站播放视频时最开始的倒计时广告,广告时间结束才能看到视频内容,一个JS小贴片广告代码,右上角带关闭按钮,左上角显示倒计时剩余时间,运行jquery代码综合实现,CSS和HTML共同结合的网页特效,兼容各主流...

    很多网站播放视频时最开始的倒计时广告,广告时间结束才能看到视频内容,一个JS小贴片广告代码,右上角带关闭按钮,左上角显示倒计时剩余时间,运行jquery代码综合实现,CSS和HTML共同结合的网页特效,兼容各主流浏览器,本效果是从门户网站上整理而来。

    例子:

    复制代码 代码示例:

    js贴片倒计时代码_www.jbxue.com

    *{padding:0;margin:0; font-size:12px;}

    ol,ul,li{list-style:none}

    img{border:none}

    .box{ width:564px; height:361px; margin:20px auto; position:relative; display:none;}

    .ad_time{ width:554px; height:351px; background:#000; filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5; padding:5px; position:absolute; top:0; left:0;

    color:#fff;}

    .ad_time span{ font-weight:bold; color:#cc0; padding:0 5px;}

    .close{ width:49px; height:20px; background:url(/jscss/demoimg/201308/close.png) no-repeat; position:absolute; top:0; right:0; cursor:pointer;}

    .btn{ width:100px; height:30px; background:#eee; border:1px solid #ddd; font:normal 12px/30px '寰?蒋闆呴粦'; text-align:center; margin:20px auto; cursor:pointer;}

    function lxfEndtime(){

    $t=$('#t').html();

    if($t!=0){

    $('#t').html($t-1);

    $i=setTimeout("lxfEndtime()",1000);

    }else{

    $('.box').hide();

    $('.btn').show();

    $('#t').html(6);

    $('.ad_time').css({'width':'554px','height':'351px'});

    clearTimeout($i);

    }

    };

    $(document).ready(function(){

    $('.btn').live('click',function(){

    $('.box').show();

    $(this).hide();

    $('.ad_time').animate({width:110,height:18},'slow');

    lxfEndtime();

    })

    $('.close').click(function(){

    $('.box').hide();

    $('.btn').show();

    $('#t').html(6);

    $('.ad_time').css({'width':'554px','height':'351px'});

    clearTimeout($i);

    })

    });

    ad.jpg
    时间还剩 50
    点击显示效果
    展开全文
  • 一款比较经典的JS代码,倒计时代码一般用于限时抢购、节日及重大活动的倒计时,在网上经常见到,唯一不足之处就是不能限制客户端时间,如果客户端时间不准确,那么倒计时也就不准确了。例子,js倒计时代码。复制代码...

    一款比较经典的JS代码,倒计时代码一般用于限时抢购、节日及重大活动的倒计时,在网上经常见到,唯一不足之处就是不能限制客户端时间,如果客户端时间不准确,那么倒计时也就不准确了。

    例子,js倒计时代码。

    复制代码 代码示例:

    网页倒计时代码 - www.jquerycn.cn

    *{margin:0;padding:0;}

    #content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}

    #content p span{color:red;font:bold 20px Arial;}

    限时抢购啦!

    还剩

    function _fresh()

    {

    var endtime=new Date("December 20, 2011 20:00:00");//这里设置的时间为2011年,您可以修改为其它时间。

    var nowtime = new Date();

    var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);

    if(leftsecond<0){leftsecond=0;}

    __d=parseInt(leftsecond/3600/24);

    __h=parseInt((leftsecond/3600)%24);

    __m=parseInt((leftsecond/60)%60);

    __s=parseInt(leftsecond%60);

    document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"秒";

    }// down.liehuo.net

    _fresh()

    setInterval(_fresh,1000);

    展开全文
  • js倒计时功能,就需要用到js时间戳,我们需要获取当前时间的时间戳和结束时间的时间戳,进行相减,算出剩余时间/*** [limitFormatTime js倒计时函数]* @param {[type]} date [2019.05.09 20:10:10]* @return {[type]...
  • 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板 竞赛用20S倒计时PPT模板
  • 倒计时自定义控件

    2016-07-21 21:26:59
    该类是一个自定义的倒计时控件,显示倒计时的格式为:10:20:23,分钟倒计时,显示到毫秒级别,多用于商品抢购item中的倒计时时间显示,可以设置字体的大小,颜色等属性,对倒计时结束有监听的方法setOnFinishListener...
  • 很久没写东西了,一段广告倒计时代码送给大家,由nohacks.cn提供,转载请注明出处!var oDiv=document.getElementById("load");var otime=document.getElementById("time");var timer=nullvar i=5timer=setInterval...
  • 计数器 倒计时

    2014-04-09 07:27:37
    简单的倒计时 希望大家喜欢 够20字了?
  • 案例-做一个30分钟倒计时

    千次阅读 2018-12-23 10:39:42
    案例-做一个30分钟倒计时 今天在做支付宝小程序的一个功能时,面对这样一个需求,有一个订单,对于未付款的订单需要做一个30分钟倒计时功能,提醒用户还有多少秒支付时间,格式为29:59。 其他的细节就不详细介绍了...
  • 页面倒计时跳转页面效果,js倒计时效果>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>©Copyright蕃薯耀 2017年7月18日...
  • js 30分钟倒计时

    千次阅读 2019-05-14 11:06:56
    //30分钟换算成1800秒 setInterval(function(){ time=time-1; var minute=parseInt(time/60); var second=parseInt(time%60); countdown.innerHTML='还剩'+minute+'分'+second+'秒'; },1000); } ...
  •  在前端开发中,难免会用到倒计时。如做的双十一活动,在距活动开始的半个月前需要做些宣传工作,需要告知用户优惠活动什么时候开始。这个时候就要用到倒计时,如在整站的某个页面提醒用户活动什么时候开始等。而在...
  • 本文实例为大家分享了JavaScript实现秒杀时钟倒计时的具体代码,供大家参考,具体内容如下功能介绍:1.时/分/秒倒计时直至为零所有代码倒计时*{margin:0;padding:0;}span{display: inline-block;width: 60px;height:...
  • 本文实例讲述了jQuery简单倒计时效果。分享给大家供大家参考,具体如下:前天做了一个活动项目,其中有一块需要做倒计时的效果,由于需求比较简单,所以也就没用网上各种倒计时的插件。今天抽空整理出来,分享给大家...
  • js动态倒计时

    2012-12-06 14:17:14
    倒计时还有:24 秒。 倒计时还有:23 秒。 倒计时还有:22 秒。 倒计时还有:21 秒。 倒计时还有:20 秒。 就是这样动态特效
  • php毫秒倒计时,前台js活动展示倒计时,后台计算倒计时时间。每0.1秒定时刷新活动倒计时时间。php代码:// 注意:php的时间是以秒算。js的时间以毫秒算// 设置时区date_default_timezone_set('PRC');// 配置每天的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,555
精华内容 12,222
关键字:

倒计时20分钟