精华内容
下载资源
问答
  • 倒计时器小程序

    2013-08-23 16:01:25
    C++开发的倒计时器,时间可以设置,有exe 文件直接运行。
  • 这是c#课程上完成的一个小程序计时器,可实现简单的计时和倒计时功能,内有数码管的字体,安装后可实现数码管计时器的计时和倒计时功能 若想要用bmp位图实现的(即无需在电脑上安装数码管字体就可以实现数码管...
  • 简单小程序倒计时器

    2017-11-21 09:58:42
    1. html文件,可以本地运行,也可以部署服务器 2. 可以设置倒计时分钟数,最大60分钟 3. 计时结束可以循环播放音乐直到“取消音乐” 4. 可以在index.html文件中自己更换标题
  • 微信小程序 计时器 倒计时 timerwxMiniProgramTimer-master.zip
  • 微信小程序实现倒计时计时器

    千次阅读 2018-10-15 11:13:22
    微信小程序验证码倒计时*秒 var timer = setInterval(function () { lastTime--; that.setData({ codeText: lastTime + '秒后重新发送' //时间倒计时的文本显示 }); ...

    微信小程序验证码倒计时*秒

                var timer = setInterval(function () {
                  lastTime--;
                  that.setData({
                    codeText: lastTime + '秒后重新发送'   //时间倒计时的文本显示
                  });
                  if (lastTime == 0) {   //用来判断是否结束计时器
                    that.setData({
                      codeText: "获取动态密码",//时间倒计时的文本显示
                      status: false     //用来判断是否可以再次点击的状态
                    });
                    lastTime = 30     //需要倒计时的时间
                    clearInterval(timer);   //清除计时器
                  }
                }, 1000)
    
    展开全文
  • 时间的观念在现在的时代越来越重要,考试要定时完成,炒菜做饭要计时完成,甚至连煮包泡面都要计时才能更加美味。制作计时器对我们越来越重要。...源代码可见本人"自己制作一个计时器、倒计时器"文章
  • 接着上一篇的操作xml,这一篇写多个计时器并存。 基本业务:点击某行的启动按钮时启动这行的计时器开始倒计时,点击停止时停止计时器停止倒计时。点击“一键启动”将启动勾选游戏的倒计时功能,点击“一键停止”将...

    接着上一篇的操作xml,这一篇写多个计时器并存。

    基本业务:点击某行的启动按钮时启动这行的计时器开始倒计时,点击停止时停止计时器停止倒计时。点击“一键启动”将启动勾选游戏的倒计时功能,点击“一键停止”将停止勾选游戏的倒计时。

    多个计时器并存的思路是参考的这篇:http://www.cnblogs.com/Jerrycjc/p/4538048.html,以下直接上代码:

    1、单个启动和停止

    /**
     * 点击“启动”按钮触发该事件,该事件用来开启倒计时功能
     * @param obj:启动按钮A标签
     * **/
    function startInterval(obj){
    	var $td = $(obj).parent();
    	var $tr = $td.parent();
    	var $intervalTd = $td.prev();
    	var curID = $tr.attr("curID");
    	var gameName = $tr.children().eq(gameNameIndex).text();
    	
    	//1、校验是否启动
    	var isStart = $tr.attr("sign");
    	//说明已经启动,那么不处理
    	if(isStart!=null && isStart!=undefined && isStart=="1"){return false;}
    	/*
    	//1、校验该按钮是否禁用
    	var isDisabled = $(obj).attr("disabled");
    	if(isDisabled!=undefined && (isDisabled==true || isDisabled.toString()=="true")){return false;}
    	*/
    	
    	//添加启动标识
    	$tr.attr("sign","1");//1:已经启动 0-未启动
    	
    	//2、移除原有的倒计时样式
    	$intervalTd.removeClass("cutDown");
    	
    	//3、获取倒计时
    	editCutDownTime($td);//未倒计时框初始化值
    //	var maxTime = parseInt($td.prev().prev().prev().text());//取间隔时间
    	var maxTime = parseInt($td.prev().text());//取倒计时时间
    	$intervalTd.text(maxTime);//倒计时初始化
    	
    	//4、设备按钮的状态
    	//启动按钮置灰
    	disableLink(obj);
    	//停止按钮开始
    	enableLink($(obj).next()[0]);
    	
    	//若一开始时间就比提醒时间短,那么需要进行提醒(临时间隔时间)
    	if(maxTime<=parseInt(remindTime)){//说明少于提醒时间,那么需要进行提示
    		//开启提示音
    		playRemindInfo(curID,(gameName+"的大BOSS还有"+(maxTime>0?"还有"+maxTime+"分钟":"已经")+"分钟到达现场!"));
    		//添加class
    		$intervalTd.addClass("cutDown");
    	}
    	
    	//???对倒计时框进行排序
    	sortTable(cutDownIndex,false);
    	
    	//5、开始倒计时
    	var timer = window.setInterval(function(){
    		sortTable(cutDownIndex,false);
    		if(maxTime>0){//说明倒计时还没有结束
    			maxTime--;//减少一分钟
    			//倒计时框减少一分钟
    			$intervalTd.text(maxTime);
    			//alert(maxTime+"\t"+(maxTime<=parseInt(remindTime)));
    			if(maxTime<=parseInt(remindTime)){//说明少于提醒时间,那么需要进行提示
    				//开启提示音
    				playRemindInfo(curID,(gameName+"的大BOSS"+(maxTime>0?"还有"+maxTime+"分钟":"已经")+"到达现场!"));
    				//添加class
    				$intervalTd.addClass("cutDown");
    			}
    		}else{//说明倒计时时间为0或者小于0了,那么停止倒计时
    			window.clearInterval(timer);
    			endInterval($(obj).next()[0],1);//调用停止功能
    		}
    	},intervalTime);
    	
    	//6、将计时器存入到map中
    	//alert("curID:"+curID+"\t"+timer);
    	timerMap.put("curID"+curID,timer);
    }
    
    /**
     * 点击“停止”按钮触发该事件,该事件用来停止倒计时功能
     * @param obj:A标签
     * @param flag:1-不需要停止计时器(倒计时为0时自动停止计时器) 2-需要停止计时器
     * **/
    function endInterval(obj,flag){
    	var $this = $(obj);
    	var $parent = $this.parent();
    	
    	//1、停止计时器
    	if(parseInt(flag)!=1){//不为1,即停止计时器
    		var curID = $parent.parent().attr("curID");
    		var timer = timerMap.get("curID"+curID);
    		//alert("计时器:"+timer);
    		window.clearInterval(timer);
    	}
    	
    	//2、修改启动状态
    	$parent.parent().attr("sign","0");//1:已经启动 0-停止
    	
    	//3、设备按钮的状态
    	//启动按钮 开始
    	enableLink($this.prev()[0]);
    	//停止按钮置灰
    	disableLink(obj);
    }

     2、多个启动和停止

    /**
     * 点击“一键启动”按钮时触发该事件,该事件用来启动选定的记录
     * **/
    function startTheSelected(){
    	//1、校验勾选的数量
    	var len = $("#"+tableName+">tbody>tr:gt(0)>td>input[type=checkbox]:checked").length;
    	if(len<=0){alert("请先勾选要启动的游戏");return false;}
    	
    	//2、依次循环各个游戏,调用启动方法进行启动
    	$("#"+tableName+">tbody>tr:gt(0)>td>input[type=checkbox]:checked").each(function(){
    		//var $tr = $(this).parent().parent();
    		startInterval($(this).parent().parent().children().eq(btnIndex).children().eq(startBtnIndex).get(0));//调用启动方法进行启动
    	});
    }
    
    /**
     * 点击“一键停止”按钮时触发该事件,该事件用来停止选定的记录
     * **/
    function endTheSelected(){
    	//1、校验勾选的数量
    	var len = $("#"+tableName+">tbody>tr:gt(0)>td>input[type=checkbox]:checked").length;
    	if(len<=0){alert("请先勾选要停止的游戏");return false;}
    	
    	//2、依次循环各个游戏,调用停止方法进行停止
    	$("#"+tableName+">tbody>tr:gt(0)>td>input[type=checkbox]:checked").each(function(){
    		//3、校验“启动”按钮是否禁用,即倒计时是否启动,若启动了“启动”按钮是不可点击的
    		var $a = $(this).parent().parent().children().eq(btnIndex).children().eq(startBtnIndex);//启动按钮所在a标签
    		var isDisabled = $a.attr("disabled");
    		if(isDisabled!=undefined && (isDisabled==true || isDisabled.toString()=="true")){//说明勾选的游戏正在启动中,可以停止
    			endInterval($a.next().get(0),2);//调用启动方法进行启动:将停止按钮的对象传过去
    		}
    	});
    }

    3、禁用和启用A标签

    //禁用A标签的点击事件
    function disableLink(link) {
    	//link.disabled = true;   
    	link.setAttribute("disabled",true); 
    	link.removeAttribute('href');   
    }
    //启用A标签的点击事件
    function enableLink(link) {
    	link.setAttribute("disabled",false);   
    	link.setAttribute("href","javascript:void(0);");   
    }

    4、Map的重写

    因为启动时将计时器存入到map里边了,这样停止的时候才知道停止的是哪个。

    /* 
     * Map对象,实现Map功能 
     * 
     * 
     * size() 获取Map元素个数 
     * isEmpty() 判断Map是否为空 
     * clear() 删除Map所有元素 
     * put(key, value) 向Map中增加元素(key, value)  
     * remove(key) 删除指定key的元素,成功返回true,失败返回false 
     * get(key) 获取指定key的元素值value,失败返回null 
     * element(index) 获取指定索引的元素(使用element.key,element.value获取key和value),失败返回null 
     * containsKey(key) 判断Map中是否含有指定key的元素 
     * containsValue(value) 判断Map中是否含有指定value的元素 
     * keys() 获取Map中所有key的数组(array) 
     * values() 获取Map中所有value的数组(array) 
     */
    function Map() {
    	this.elements = new Array();
    
    	//获取Map元素个数 
    			this.size = function() {
    				return this.elements.length;
    			},
    
    			//判断Map是否为空 
    			this.isEmpty = function() {
    				return (this.elements.length < 1);
    			},
    
    			//删除Map所有元素 
    			this.clear = function() {
    				this.elements = new Array();
    			},
    
    			//向Map中增加元素(key, value)  
    			this.put = function(_key, _value) {
    				if (this.containsKey(_key) == true) {
    					if (this.remove(_key) == true) {
    						this.elements.push( {
    							key : _key,
    							value : _value
    						});
    					}
    				} else {
    					this.elements.push( {
    						key : _key,
    						value : _value
    					});
    				}
    			},
    
    			//删除指定key的元素,成功返回true,失败返回false 
    			this.remove = function(_key) {
    				var bln = false;
    				try {
    					for (i = 0; i < this.elements.length; i++) {
    						if (this.elements[i].key == _key) {
    							this.elements.splice(i, 1);
    							return true;
    						}
    					}
    				} catch (e) {
    					bln = false;
    				}
    				return bln;
    			},
    
    			//获取指定key的元素值value,失败返回null 
    			this.get = function(_key) {
    				try {
    					for (i = 0; i < this.elements.length; i++) {
    						if (this.elements[i].key == _key) {
    							return this.elements[i].value;
    						}
    					}
    				} catch (e) {
    					return null;
    				}
    			},
    
    			//获取指定索引的元素(使用element.key,element.value获取key和value),失败返回null 
    			this.element = function(_index) {
    				if (_index < 0 || _index >= this.elements.length) {
    					return null;
    				}
    				return this.elements[_index];
    			},
    
    			//判断Map中是否含有指定key的元素 
    			this.containsKey = function(_key) {
    				var bln = false;
    				try {
    					for (i = 0; i < this.elements.length; i++) {
    						if (this.elements[i].key == _key) {
    							bln = true;
    						}
    					}
    				} catch (e) {
    					bln = false;
    				}
    				return bln;
    			},
    
    			//判断Map中是否含有指定value的元素 
    			this.containsValue = function(_value) {
    				var bln = false;
    				try {
    					for (i = 0; i < this.elements.length; i++) {
    						if (this.elements[i].value == _value) {
    							bln = true;
    						}
    					}
    				} catch (e) {
    					bln = false;
    				}
    				return bln;
    			},
    
    			//获取Map中所有key的数组(array) 
    			this.keys = function() {
    				var arr = new Array();
    				for (i = 0; i < this.elements.length; i++) {
    					arr.push(this.elements[i].key);
    				}
    				return arr;
    			},
    
    			//获取Map中所有value的数组(array) 
    			this.values = function() {
    				var arr = new Array();
    				for (i = 0; i < this.elements.length; i++) {
    					arr.push(this.elements[i].value);
    				}
    				return arr;
    			};
    }

     

     

    展开全文
  • 现在很多用户都是用移动设备网上购物,使用商城小程序就是很受欢迎的一...点击模进入小程序编辑,在“小程序设计-通用风格”里你可以设置小程序主题色、导航;在“页面设计”里你可以添加各种功能版块(图片banner...

    现在很多用户都是用移动设备网上购物,使用商城小程序就是很受欢迎的一种购物方式。也因此,越来越多商家开始用小程序商城来开辟线上市场,引流营销。那么商家如何做一个微信商城小程序呢?

    d7e9280345ce3aff1981f14e45cd0f40.png

    搭建小程序本身是很简单的,直接在「上线了」选择一个电商模板(或者超级云名片-电商版)。

    153db6b3c329f9687e881ba1d9809faf.png

    点击模进入小程序编辑器,在“小程序设计-通用风格”里你可以设置小程序主题色、导航;在“页面设计”里你可以添加各种功能版块(图片banner、视频、快捷按钮、标题、分类组合、商品列表……);在商店栏你可以添加商品、商品分类等。

    18f3d8023ed9bb072135bd203a863648.png

    做好后点击左下角“立即发布”,按照提示用小程序管理员账号扫码授权(没有的话可以用“快速注册”通道注册)就好了。

    这样,即使你不懂商城小程序源码,也能顺利生成自己的小程序,快的话十几分钟就能搭建好你的小程序页面。不过,在商城小程序制作过程中,新手要注意这几点,以免把小程序做得太难看:

    1.头图banner醒目且简洁

    小程序的首页头图是很重要的位置,好的头图banner能快速吸引客户注意力。头图的设计无需太复杂,图片尽量简单易懂,可以少量添加说明文字,但不要太多,要能够让客户一眼看明白,快速获取所需信息。比如下面这个皮包小程序案例,就用轮播图简单展示了新的优惠活动、新产品系列,吸引客户购买。

    b4d14be0612580ff8fb1acf171d893a5.png

    上线了小程序案例,禁止转载

    2.快捷按钮指向清晰

    不要让客户在你的小程序中“迷路”,因此快捷按钮是很重要的,快捷按钮一般1~2排,指向某一商品分类或服务,提高客户浏览效率。

    3.内容充实

    小程序要轻而美,但并不是说你就要做一个空壳子。在排版简单、明晰的情况下,小程序的内容应尽量丰富,可以添加多个版块、文章。千万别做无实质内容的小程序,那样通常很难通过微信审核。

    4.小程序主题应与提交的服务类目一致。如果不一致,就不能通过微信审核。

    以上就是商城小程序开发方法和注意点的科普了,你现在就可以实践一下。

    展开全文
  • 小程序倒计时

    千次阅读 2019-06-17 16:29:52
    根据计时器列表的index 与列表数据的 index 相对,去找到自己对应的倒计时器。 页面刷新数据时要先 清除所有定时器 ,再重新加载,不然会出现连跳或者秒数来回跳动的问题。 // data里声明 timerList: [], ...
    针对一个页面列表中多个倒计时的难题

    解决思路:
    计时器单放一个数组,因为要实时操作,避免列表数据过大操作太笨重。
    根据计时器列表的index 与列表数据的 index 相对,去找到自己对应的倒计时器。
    页面刷新数据时要先 清除所有定时器 ,再重新加载,不然会出现连跳或者秒数来回跳动的问题。

    
    // data里声明  
    timerList: [],
    allTimerList: []
    
    // js 传入秒数 与 index
    timerhandle(timeSeconds,index){
        if (timeSeconds){
          this.setData({
            ['timerList[' + index + ']']: [parseInt(timeSeconds/60/60%24), parseInt(timeSeconds/60%60), parseInt(timeSeconds%60)]
          },()=>{
            let timer = setInterval(() => {
              timeSeconds--
              // 倒计时到0,可以加入自定义函数处理
              if (timeSeconds <= 0) {
                clearInterval(timer)
              }
              this.setData({
                ['timerList[' + index + ']']: [parseInt(timeSeconds / 60 / 60 % 24), parseInt(timeSeconds / 60 % 60), parseInt(timeSeconds % 60)]
              })
            }, 1000)
            let ll = this.data.allTimerList
            ll.push(timer)
            this.setData({ allTimerList: ll })
          })
        }else{
          this.setData({
            ['timerList[' + index + ']']: ['00','00','00']
          })
        }
        
      },
      // 清除定时器
      clearAllTimer() {
      	 this.data.allTimerList.forEach((el, index) => {
            clearInterval(el)
          })
          this.setData({ allTimerList: [], timerList: [] },()=>{
    		
          })
      }
    
    展开全文
  • 1.wxml部分 获取验证码 {{Num}}s后重新发送 2.js部分 // pages/push1/push1.js Page({ /** 页面的初始数据 */ data: { timer: "", Num: '60', isDisabled:false }, /** 验证码倒计时 */ countDown: function() { var...
  • 很好的倒计时器源码,适合于刚开始学习vb的朋友们
  • 想做一个答题的计时器效果 思路 利用canvas不停的画弧线 效果 代码 wxml <view class='container'> <view class="bg"> {{stepText}}s </view> <canvas class='bgCanvas' canvas-id='...
  • 针对在IOS下息屏和挂起状态下倒计时不会继续,以及在安卓状态下息屏导致变慢的问题进行的一次更新,具体效果请参考小程序 番茄闹钟。 暂时无法解决的痛点: 1、在息屏和挂起下的倒计时结束以后需要跳转页面,但是有...
  • 最近上课老师让做一个基于nios2的座椅,就做了一个倒计时器,内核还借用了一下学姐的资料,这里就分享一下好了 这是软核的设计情况,下面的是编写的片上系统的sopc头文件 /*  * sopc.h  *  * Created on...
  • 小程序计时器

    千次阅读 2019-06-22 10:55:00
    之前写了一个小程序倒计时的demo,在网上查看了一下,计时器很少有demo,现在来写一个。 wxml <view class="container"> {{timecount}}</view> <button bindtap='start'>开始</button> <...
  • 小程序实现正计时和倒计时

    千次阅读 2018-10-09 11:17:26
    小程序实现正计时和倒计时 1、正计时: 实现后的样式: 代码: var timer; // 计时器 Page({ data: { seconds: 0, secondMax: 3599, timeMax:'60:00', maxTime:'60:00', actionMax:true, stopMaxTime...
  • 倒计时 程序

    2012-11-15 20:37:27
    放映幻灯片时的界面倒计时程序。 系统级热键,.mp3, .wav 文件播放,计时器类。
  • 小程序中列表倒计时,类似活动倒计时列表,列表中有多个倒计时效果,且不冲突 先把时间打印出来,放在data中,然后在写计时器;如果先写计时器,然后把打印出来的时间放在data就会报错,setData不支持这种操作。 ...
  • 微信小程序计时器启动计时器会在当前页面的data里面增加两个字段停止计时器 使用方法:点击下载wxTimer.js并引入项目 启动计时器 var timer = new wxTimer({ beginTime: "2020-08-05 10:23:00",//结束时间 ...
  • page外面定义计时器一次计时结束 下次计时开始之前清除定时器,重新开始计时
  • timer: '' // 计时器 }, let that = this // 开始倒计时 that.setData({ seconds: 60, timer: setInterval(function(){ let seconds = that.data.seconds that.setData({ seconds: seconds - 1 }) if (that.data....
  • 成都微信小程序开发多个倒计时源码!最近在写一个列表功能,列表中有倒计时的效果,网上没有可用的素材,以下是来自网络中,如有问题,希望大家指出。 小程序中列表倒计时,类似活动倒计时列表,列表中有多个倒计时...
  • 效果:js:var that // 用来实现最后十秒强调的动画 var animation = wx.createAnimation({ ... * [倒计时函数,最后十秒只显示一个数字,且有放大动画效果] * @param {Number} minutes [分钟] * @pa...
  • 根据计时器列表的index 与列表数据的 index 相对,去找到自己对应的倒计时器。 页面刷新数据时要先 清除所有定时器 ,再重新加载,不然会出现连跳或者秒数来回跳动的问题。 // data里声明 timerList: [], ...

空空如也

空空如也

1 2 3 4 5 ... 13
收藏数 255
精华内容 102
关键字:

倒计时器小程序