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

    2012-09-17 18:27:29
    3套倒计时的数字图片,开发倒计时程序或其他显示数字的软件用的到
  • 这是一套倒计时5开场PPT动画,第PPT模板网提供幻灯片动画免费下载; PPT模板用绿色作为PPT背景色,5秒倒计时设计了点状的动态背景;本套PPT动画适合制作PowerPoint倒计时开场; 关键词:绿色PPT背景,数字PPT...
  • 图片拼接数字动画效果,10秒倒计时ppt模板免费下载。
  • 这是一套倒计时5开场PPT动画,第PPT模板网提供幻灯片动画免费下载; PPT模板用绿色作为PPT背景色,5秒倒计时设计了点状的动态背景;本套PPT动画适合制作PowerPoint倒计时开场; 关键词:绿色PPT背景,数字PPT...
  • 倒计时js说明: 有两个demo 个问题类型 个是图片类型 可以选择使用 用途: 根据需求进行修改,可用于 折扣倒计时,团购倒计时,打折倒计时,opencart倒计时js
  • 1.如图所示,要实现个验证码的倒计时的效果    2.实现  图中获取验证码那块是个button按钮  关键部分,声明个TimeCount,继承自CountDownTimer /*验证码倒计时*/ private class TimeCount extends ...
  • Android 实现图片的时分秒倒计时

    项目开始老大让做个倒计时,实用的分秒倒计时,最后老大强制要更改为时分秒格式的倒计时,琢磨半天终于搞定。

    大概步骤:

    1.0  获取到要倒计时的时间(minute)转为时分秒:

    int hour = duration60;

    int minute = duration - (60 * (duration/60));

    int second = 0;//(获取的是整数分钟此处直接赋值为0);

    2.0  将图片按顺序放到数组中:

     int[] timeIcon = { R.drawable.nzero, R.drawable.none, R.drawable.ntwo,
    R.drawable.nthree, R.drawable.nfour, R.drawable.nfive,
    R.drawable.nsix, R.drawable.nseven, R.drawable.neight,
    R.drawable.nnine };

    3.0  分别为hour ,minute,second设置图片,因为时分秒要使用6张图片,分别取到hour,minute,second的十位个位:

    private void setTimeIcon(int hour, int minute, int second) {
    int hty = 0;//hour 十位
    int ho = 0;//hour 个位
    int mty = 0;//minute 十位
    int mo = 0;//minute 个位
    int sty = 0;//second 十位
    int so = 0;//second 个位
    if (hour != 0) {  
    if(hour>9){
    hty = hour / 10;
    ho = hour % 10;
    }else{
    hty=0;
    ho = hour;
    }
    } else {
    ho = 0;
    hty = 0;
    }

    if (minute != 0) {
    if(minute>9){
    mty = minute / 10;
    mo = minute % 10;
    }else{
    mty=0;
    mo = minute;
    }

    } else {
    mty = 0;
    mo = 0;
    }
    if (second != 0) {
    if(second>9){
    sty = second / 10;
    so = second % 10;
    }else{
    sty = 0;
    so = second;
    }
    } else {
    sty = 0;
    so = 0;
    }
    iv_hty.setImageResource(timeIcon[hty]);
    iv_ho.setImageResource(timeIcon[ho]);
    iv_mty.setImageResource(timeIcon[mty]);
    iv_mo.setImageResource(timeIcon[mo]);
    iv_sty.setImageResource(timeIcon[sty]);
    iv_so.setImageResource(timeIcon[so]);
    }

    4.0 具体细算倒计时的走法(Handler):

    if (msg.what == TIME_COUNT) {
    if (hour == 0) {
    if (minute == 0) {
    if (second == 0) {//00:00:00
    if (timer != null) {
    timer.cancel();
    timer = null;
    }
    if (timerTask != null) {
    timerTask = null;
    }
    } else {//00:00:11
    second--;
    setTimeIcon(hour, minute, second);
    }
    } else {
    if (second == 0) {//00:11:00
    second = 59;
    minute--;
    setTimeIcon(hour, minute, second);
    } else {//00:00:11
    second--;
    setTimeIcon(hour, minute, second);
    }
    }
    } else {//当小时不为0时
    if(second==0){
    if(minute==0){//11:00:00
    hour--;
    minute=59;
    second = 59;
    setTimeIcon(hour, minute, second);
    }else {//11:11:00
    minute--;
    second = 59;
    setTimeIcon(hour, minute, second);
    }
    }else{
    second--;
    setTimeIcon(hour, minute, second);
    }
    }


    展开全文
  • Flash倒计时图片切换

    2020-10-13 13:29:30
    因为很多都有倒计时图片切换,所以我封装个倒计时的资源,以后直接从flash赋复制,交换一下资源就可以了
  • 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

    展开全文
  • 逼真的Js图片倒计时,显示剩余小时、分钟、数。仅用了一张图片就搞定了,与纯网页版的不太一样哦。现在用图片模拟LED的效果,还真不错,希望大家彻底喜欢哦。 逼真图片倒计时 .time{width:200px;height:25px;...
  • 1、支持N张图片随机变换位置 2、抽对正确图片给出提示 3、页面加载开始倒计时 4、抽对图片倒计时停止
  • 倒计时图片浏览源码

    2021-03-18 01:06:54
    倒计时图片浏览源码是个超级简单的图片轮播小例子源码,主要使用了CountDownTimer,代码也相当的简单,有用到的就看下吧,其实也没啥好借鉴的,项目编译版本4.4.2默认编码GBK。
  • javascript,倒计时程序,图片数字比较好看
  • 倒计时为0后,切换为第二张图片,不是轮播图 抛砖引玉,本人前端渣渣,欢迎各位提出宝贵意见 前置知识 HTML基础 JavaScript基础 代码如下图: <!DOCTYPE html> <html> <head> <meta charset=...

    本文内容

    • JavaScript 实现倒计时,且页面显示
    • 在倒计时为0后,切换为第二张图片,不是轮播图
    • 抛砖引玉,本人前端渣渣,欢迎各位提出宝贵意见

    前置知识

    • HTML基础
    • JavaScript基础

    代码如下图:

    <!DOCTYPE html>
    <html>
    
    <head>
    	<meta charset="UTF-8">
    	<title></title>
    	<style>
    		#two-imgs {
    			display: none;
    		}
    	</style>
    </head>
    
    <body>
    	<div id="show" name="n1"></div>
    	<div>
    		<img src="1.png" name="imgs" id="one-imgs">
    		<img src="2.png" id="two-imgs" alt="">
    	</div>
    </body>
    
    </html>
    <script>
    	var one = document.getElementById('one-imgs');
    	var two = document.getElementById('two-imgs');
    
    	var switchPic = function () {
    		one.style.display = 'none'
    		two.style.display = 'block'
    
    	}
    	setTimeout("switchPic()", 60000);
    
    	function countdown() {
    		var n = 60;
    		var interval;
    		if (n > 0) {
    			interval = setInterval(() => {
    				n--;
    				document.getElementById("show").innerHTML = n;
    				if (n <= 0) {
    					clearInterval(interval)
    				}
    			}, 1000)
    		}
    
    	}
    	countdown();
    </script>
    
    展开全文
  • 倒计时显示图片

    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>
    
    展开全文
  • flash 15秒倒计时

    2012-10-31 14:22:53
    15秒倒计时,flash动画,时间小于10有声音。
  • JS倒计时效果+数字图片

    千次阅读 2017-07-14 21:30:07
    这里用JS结合组数字图片,写了个简单的倒计时效果。数字图片大家自己找啦,这里需要注意的就是图片命名——要和图片中的数字保持一致哟。 如果有什么不完善的地方,还请各路大神指点。 代码呈上:<!DOCTYPE ...
  • 这是一套黑底白字9秒倒计时PPT动画,第PPT模板网提供幻灯片动画免费下载; PPT模板用黑色作为PPT背景图片,上面白色的数字随着弧线的不断转动,倒计时9 关键词:黑色PPT背景,倒计时PPT动画下载,数字PPT背景...
  • 基于jquery的通用js辅助工具,自带url(get)参数获取,缓存的设置及获取,自定义倒计时图片放大等
  • 倒计时5跳转

    千次阅读 2017-12-27 09:35:03
    * 1倒计时变成0时,自动跳转:Handler、Timer、CountDownTimer * 2、SharedPreferences记录是否首次启动app:首次跳转引导页,否则跳转主页 */ public class SplashActivity extends AppCompatActivity { ...
  • 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; }
  • uniapp实现倒计时60

    千次阅读 2021-02-25 10:58:17
    countDownTime(){ var that = this; that.number = 60; if(that.number60){ var sid = setInterval(function() { that.number–; if(that.number0){ that.number=‘重新获取’; clearInterval(sid);...}
  • 端游或者手游中的技能冷却倒计时,博客地址http://blog.csdn.net/qzltqdf3179103/article/details/79494371
  • C# 倒计时工具

    2014-10-04 22:57:00
    、下载地址 http://pan.baidu.com/s/1hqJ0f0S 二、程序运行效果 1)先输入时间信息,年(4位)、月(2位)、日(2位)、时(2位)、分(2位)、(2位) ...2)程序显示出倒计时效果 3)关...
  • vue获取验证码以及倒计时60方法

    千次阅读 2019-04-30 16:06:05
    // 倒计时方法 countDown ( time ) { if ( time === 0 ) { this . disabledCodeBtn = true this . codeText = "获取" return } else { this . disabledCodeBtn = ...
  • Android倒计时

    2016-05-01 20:53:04
    Android 图片的时分秒倒计时
  • 最近做的东西需要倒计时验证码,但是taro-UI里面没有,然后就只能手写。可能用taro的人还不多,很多组件还不是很完善,但是总体说来taro还是很不错的。那么下面我们来看倒计时怎么写,先贴效果图: 现在看到了样式...

空空如也

空空如也

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

倒计时1秒图片