精华内容
下载资源
问答
  • 倒计时图片

    2012-09-17 18:27:29
    3套倒计时的数字图片,开发倒计时程序或其他显示数字的软件用的到
  • Flash倒计时图片切换

    2020-10-13 13:29:30
    因为很多都有倒计时图片切换,所以我封装一个倒计时的资源,以后直接从flash赋复制,交换一下资源就可以了
  • 倒计时js说明: 有两个demo 一个问题类型 一个是图片类型 可以选择使用 用途: 根据需求进行修改,可用于 折扣倒计时,团购倒计时,打折倒计时,opencart倒计时js
  • 倒计时图片浏览源码是一个超级简单的图片轮播小例子源码,主要使用了CountDownTimer,代码也相当的简单,有用到的就看下吧,其实也没啥好借鉴的,项目编译版本4.4.2默认编码GBK。   效果图 :
  • JavaScript 逼真图片倒计时实现代码 js时间图片倒计时 效果图: <!doctype html> <html> <head> <meta charset="utf-8"> <head> <title>逼真图片倒计时</title&...

    JavaScript 逼真图片倒计时实现代码   js时间图片倒计时

    效果图:

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <head> 
    <title>逼真图片倒计时</title> 
    <style type="text/css"> 
    .time{width:200px;height:25px;border:1px red solid;overflow:hidden;} 
    .time span{float:left;line-height:25px;height:25px;overflow:hidden;} 
    .time span.danwei{padding:0 1px;} 
    .clear{height:0;clear:both;overflow:hidden;} 
    </style> 
    </head> 
    <body> 
    距离发射升空还有: 
    <div class="time" id="time1"> 
    <span><img id="hour_01" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span><img id="hour_02" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span><img id="hour_03" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span class="danwei">:</span> 
    <span><img id="minute_01" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span><img id="minute_02" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span class="danwei">:</span> 
    <span><img id="second_01" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <span><img id="second_02" alt="" src="http://files.jb51.net/upload/201009/20100917154719975.jpg"></span> 
    <br class="clear"> 
    </div> 
    <script type="text/javascript"> 
    var overa; 
    overa = new Date(2017, 01, 01, 00, 00);///第数日时间当时间超过999小时 
    var localNow = new Date(); 
    function clock1(){ 
    var local = new Date(); 
    var intDiff = overa.getTime() - local.getTime(); 
    if(intDiff <= 0){document.getElementById('time1').innerHTML = "活动已结束!";//显示活动结束 
    return false;} 
    var day = Math.floor(intDiff / (1000 * 60 * 60 * 24)); 
    var hour = Math.floor(intDiff / (1000 * 60 * 60)) - (day * 24); 
    var hour2 = Math.floor(intDiff / (1000 * 60 * 60)); 
    var minute = Math.floor(intDiff / (1000 * 60)) - (day * 24 * 60) - (hour * 60); 
    var second = Math.floor(intDiff / 1000) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); 
    if (hour2 <= 99) hour2 = '0' + hour2; 
    if (day <= 9) day = '0' + day; 
    if (hour2 <= 9) hour2 = '0' + hour2; 
    if (minute <= 9) minute = '0' + minute; 
    if (second <= 9) second = '0' + second; 
    document.getElementById('hour_01').style.marginTop = (hour2.toString().substr(0,1)) * (-25) +'px'; 
    document.getElementById('hour_02').style.marginTop = (hour2.toString().substr(1,1)) * (-25) +'px'; 
    document.getElementById('hour_03').style.marginTop = (hour2.toString().substr(2,1)) * (-25) +'px'; 
    document.getElementById('minute_01').style.marginTop = (minute.toString().substr(0,1)) * (-25) +'px'; 
    document.getElementById('minute_02').style.marginTop = (minute.toString().substr(1,1)) * (-25) +'px'; 
    document.getElementById('second_01').style.marginTop = (second.toString().substr(0,1)) * (-25) +'px'; 
    document.getElementById('second_02').style.marginTop = (second.toString().substr(1,1)) * (-25) +'px'; 
    setTimeout("clock1()", 1000); 
    } 
    clock1(); 
    </script> 
    </body> 
    </html>
    
    
    
    </body>
    </html>

     

    转载于:https://www.cnblogs.com/weixin186/p/5150432.html

    展开全文
  • 1、支持N张图片随机变换位置 2、抽对正确图片给出提示 3、页面加载开始倒计时 4、抽对图片倒计时停止
  • 一般的倒计时代码都是文字版本的,这个是图片格式的,更漂亮的,图片大家可以自己做。主要是参考实现方法。
  • javascript,倒计时程序,图片数字比较好看
  • 倒计时显示图片

    2018-10-19 10:48:57
    //倒计时 显示图片 var count = 3; function test4() { var div2 = document.getElementById("div2"); div2.align = "center"; div2.style.fontSize = "50px"; div2....

    js页面

    //倒计时  显示图片
    		var count = 3;
    		function test4() {
    		var div2 = document.getElementById("div2");
    			div2.align = "center";
    			div2.style.fontSize = "50px";
    			div2.innerHTML = count--;
    			if(count == -1){
    				//count = 10;
    				clearInterval(label);
    				div2.innerHTML = "";
    				var img = document.createElement("img");
    				img.style.width = "60%";
    				img.src = "img/hhh.jpg";
    				img.onclick = function(){
    					var i = Math.floor(Math.random()*5+1);
    					img.src = "img/" + i +".jpg";
    				}
    				div2.appendChild(img);
    			}
    	
    		}
    		function test5(){
    			label = setInterval(test4, 1000);
    		}
    	//注意图片路径
    

    页面

    
    	<input type="button" onclick="test4()"value="倒计时">
    	<input type="button" onclick="test5()"value="点击倒计时显示图片">
    		<div id="div2"></div>
    	</body>
    
    展开全文
  • 基于jquery的通用js辅助工具,自带url(get)参数获取,缓存的设置及获取,自定义倒计时图片放大等
  • 端游或者手游中的技能冷却倒计时,博客地址http://blog.csdn.net/qzltqdf3179103/article/details/79494371
  • JS倒计时-图片

    千次阅读 2016-12-22 23:31:19
    人生最重要的是树立一个远大的目标,并下定决心去实现它. (歌德)Index.html<!DOCTYPE html> <head> <meta charset="utf-8" /> 倒计时</title> function toTwo(n) { if(n>9) { return ''+n; }

    人生最重要的是树立一个远大的目标,并下定决心去实现它. (歌德)


    Index.html

    <!DOCTYPE html>
    <html>
     <head> 
      <meta charset="utf-8" /> 
      <title>倒计时</title> 
      <script>
    function toTwo(n)
    {
        if(n>9)
        {
          return ''+n;  
        }
        else
        {
          return '0'+n; 
        }
    }
    window.onload=function(){
    
     var oBox=document.getElementById('box');
     var aImg=oBox.getElementsByTagName('img');
    
     function time()
     {
         var enddate=new Date('2016/12/25 00:00:00');
         var mydate=new Date(); 
         var str='';
         var t=enddate.getTime()-mydate.getTime();
         str=toTwo(Math.floor(t/1000/60/60/24))+toTwo(Math.floor(t/1000/60/60%24))+toTwo(Math.floor(t/1000/60%60))+toTwo(Math.floor(t/1000%60));
    
             for(var i=0;i<aImg.length;i++)
             {
                aImg[i].src='images/'+str[i]+'.png';     
             }
     }
    
     time();
     setInterval(time,1000);
    
    };
    </script> 
      <style>
    #box { width:1000px;
          height:200px;
          font-size:14px;
          line-height:100px;
          margin:auto;
          }
    
    #box img{ width:30px;
              height:60px;
              }
    </style> 
     </head> 
     <body> 
      <div id="box"> 
       <img src="images/0.png" /> 
       <img src="images/0.png" /> 天: 
       <img src="images/0.png" /> 
       <img src="images/0.png" /> 时: 
       <img src="images/0.png" /> 
       <img src="images/0.png" /> 分: 
       <img src="images/0.png" /> 
       <img src="images/0.png" /></div>   
     </body>
    </html>

    运行结果如图:

    这里写图片描述

    展开全文
  • JS倒计时效果+数字图片

    千次阅读 2017-07-14 21:30:07
    这里用JS结合一组数字图片,写了一个简单的倒计时效果。数字图片大家自己找啦,这里需要注意的就是图片命名——要和图片中的数字保持一致哟。 如果有什么不完善的地方,还请各路大神指点。 代码呈上:<!DOCTYPE ...

    这里用JS结合一组数字图片,写了一个简单的倒计时效果。数字图片大家自己找啦,这里需要注意的就是图片命名——要和图片中的数字保持一致哟。
    如果有什么不完善的地方,还请各路大神指点。
    代码呈上:

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>JS图片倒计时效果</title>
            <style>
                h3 {
                    font-size: 120px;
                    color: #D42D00;
                }
                .result {
                    font-size: 100px;
                }
            </style>
        </head>
        <body>
            <h3>距离2017国庆节剩余:</h3>
            <div class="result">
                <img src="./imgs/0.png"/>
                <img src="./imgs/0.png"/><img src="./imgs/0.png"/>
                <img src="./imgs/0.png"/>小时
                <img src="./imgs/0.png"/>
                <img src="./imgs/0.png"/><img src="./imgs/0.png"/>
                <img src="./imgs/0.png"/></div>
            <script>
                var timer=null;
                var odiv=document.querySelectorAll(".result");
    
                function leftAddZero(n){
                    if(n<10){
                        return "0"+n
                    }else {
                        return ""+n
                    }
                }
    
                function countDown(dateObj,dom){
                    var year=dateObj.year || 2017;
                    var month=dateObj.month-1 || 1;
                    var day=dateObj.day || 1;
                    var hour=dateObj.hour || 0;
                    var minute=dateObj.minute || 0;
                    var second=dateObj.second || 0;
                    var oimgs=document.getElementsByTagName("img");
    
                    //获取标签的方法
                    timer=setInterval(function() {
                        var currentDate=new Date(); //创建一个当前日期对象
    
                        //创建目标时间
                        var targetDate=new Date(year,month,day,hour,minute,second);
    
                        //计算目标时间与当前时间的秒数
                        var dis=Math.floor((targetDate.getTime()-currentDate.getTime())/1000);
    
                        //天数
                        var tian=Math.floor(dis/(24*60*60));
                        dis=dis%(24*60*60); //除了天数外剩余秒数
    
                        //小时数
                        var xiaoshi=Math.floor(dis/3600);
                        dis=dis%3600;  //除了小时数外剩余的秒数
    
                        //分钟数
                        var fen=Math.floor(dis/60);
    
                        dis=dis%60; //除了天数,小时数,分钟数后剩余的秒数
    
                        //秒数
                        var miao=dis;
                        var strTime=leftAddZero(tian)+leftAddZero(xiaoshi)+leftAddZero(fen)+leftAddZero(miao);
    
                        for(var i=0,len=oimgs.length;i<len;i++){
                            oimgs[i].src="./imgs/"+strTime[i]+".png";
                        }
                    },1000)
                }//end
    
                countDown({
                    year:2017,
                    month:10,
                    day:1,
                    hour:00
                },odiv);
            </script>
        </body>
    </html>
    
    展开全文
  • 1.如图所示,要实现一个验证码的倒计时的效果    2.实现  图中获取验证码那块是一个button按钮  关键部分,声明一个TimeCount,继承自CountDownTimer /*验证码倒计时*/ private class TimeCount extends ...
  • Mamsds桌面倒计时电脑版是款适用于电脑中使用的桌面倒计时工具。Mamsds桌面倒计时正式版操作简单,只需填写倒计时事件,选择日期,就可自动生成倒计时可以通过设置时间来达到关机,定时,打开网页等等信息。Mamsds...
  • 日常开发中,电商经常使用到抢购,不过当抢购的时候会用到倒计时
  • Android倒计时

    2016-05-01 20:53:04
    Android 图片的时分秒倒计时
  • 主要介绍了基于vue实现图片验证码倒计时60s功能,本文通过截图实例代码的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 倒计时软件app哪个好,相信大家也是会有聚会、约会、纪念日等日子需要提醒,那么又有哪些好用的倒计时软件好用呢,可能还有些人对此不太了解。这里我们就为各位带来了一些好用的此类应用。倒计时软件app哪个好1.倒数...
  • 这是一个android开屏布局的实例,可以用于加载广告图片倒计时的布局。程序中设置的LayoutParams,划分额外空间比例为6分之5,具体权重比例可根据用户自己需求来自定义,异步加载广告图片,相关的Android代码。 具体...
  • 图片拼接数字动画效果,10秒倒计时ppt模板免费下载。
  • 倒计时软件

    2018-11-01 13:09:45
    倒计时软件功能如下: 1、窗口可设置是否为桌面最前端; 2、背景色、背景图片设置; 3、界面内容包含:标题、倒计时、按快捷键(热键)说明内容; 3.1、标题可设置:是否显示、内容可修改、字体、颜色可修改; ...
  • Android 倒计时

    2015-04-02 11:30:30
    倒计时具有暂停、继续、用图片显示时间,计时结束有回调
  • 桌面倒计时MamsdsCountDown,桌面倒计时MamsdsCountDown
  • 高考倒计时日历版,小巧简约的高考倒计时app,支持多种字体、颜色、壁纸,具备高考日历、资讯、文章等多种内容,帮助高考考生更好的查看高考信息,做好复习规划。软件介绍安装包大小仅4MB,Why not have a try?为...
  • JS图片倒计时

    千次阅读 2012-12-11 23:12:44
    逼真图片倒计时 .time{width:200px;height:25px;overflow:hidden;} .time span{float:left;line-height:25px;height:25px;overflow:hidden;} .time span.danwei{padding:0 1px;} .clear{height:0;clear:both;...
  • 适用于高考、重大比赛、考研等倒计时,支持替换bg.jpg,可更换背景图片、替换done.png,更换倒计时结束后的祝贺画面,倒计时画面,可按F1,查看操作说明,其中带星号标示下次执行有效,软件体积小,用户界面非常人性...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,935
精华内容 6,374
关键字:

倒计时图片大全