-
1制作一个一分钟计时器——学生学习课件
2020-11-23 10:16:471制作一个一分钟计时器——学生学习课件 -
五年级科学下_8《制作一个一分钟计时器》_课件_精美学习课件ppt
2020-11-23 18:45:59五年级科学下_8《制作一个一分钟计时器》_课件_精美学习课件ppt -
java一分钟倒计时代码
2018-06-28 13:27:25初学者代码 java一分钟倒计时代码 -
一分钟倒计时
2020-01-04 19:15:32一分钟倒计时,控制台输出 <script type="text/javascript"> var time = [1,0,0]; var timer = setInterval(function(){ console.log("时间为"+time[0]+":"+time[1]+":"+time[2]); time[2]--;...一分钟倒计时
<script type="text/javascript"> var time = [1,0,0]; var timer = setInterval(function(){ console.log("时间为"+time[0]+":"+time[1]+":"+time[2]); time[2]--; if(time[2]<0){ time[1]--; time[2]=59; if(time[1]<0){ time[0]--; time[1]=59; if(time[0]<0){ clearInterval(timer); } } } // console.log("时间为"+time[0]+":"+time[1]+":"+time[2]); },1) </script>
效果图如下:
如需在页面指定地方输出则使用:innerHTML在网页中创建标签写入。日期倒计时
js代码:
/* 时间倒计时插件 TimeDown.js */ function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时间 var nowDate = new Date(); //相差的总秒数 var totalSeconds = parseInt((endDate - nowDate) / 1000); //天数 var days = Math.floor(totalSeconds / (60 * 60 * 24)); //取模(余数) var modulo = totalSeconds % (60 * 60 * 24); //小时数 var hours = Math.floor(modulo / (60 * 60)); modulo = modulo % (60 * 60); //分钟 var minutes = Math.floor(modulo / 60); //秒 var seconds = modulo % 60; //输出到页面 document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒"; //延迟一秒执行自己 setTimeout(function () { TimeDown(id, endDateStr); }, 1000) }
html 代码:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>时间倒计时</title> <script src="TimeDown.js"></script> </head> <body> <form id="form1" runat="server"> <div id="show"> </div> <script type="text/javascript"> TimeDown("show", "2020-01-13 8:00:45"); </script> </form> </body> </html>
显示效果:
还剩:2天19小时29分钟5秒
-
一分钟倒计时计时器(供倒计时使用,超方便)
2009-03-05 20:53:51这是一款小软件,供一分钟倒计时使用,很方便的,试试看啦! -
一个简单的一分钟倒计时
2019-09-11 19:35:46 -
案例-做一个30分钟倒计时
2018-12-23 10:39:42案例-做一个30分钟倒计时 今天在做支付宝小程序的一个功能时,面对这样一个需求,有一个订单,对于未付款的订单需要做一个30分钟的倒计时功能,提醒用户还有多少秒支付时间,格式为29:59。 其他的细节就不详细介绍了...今天在做支付宝小程序的一个功能时,面对这样一个需求,有一个订单,对于未付款的订单需要做一个30分钟的倒计时功能,提醒用户还有多少秒支付时间,格式为29:59。
其他的细节就不详细介绍了,下面着重介绍一下计时器功能怎么做,以及优化。例如我现在的时间是"2018-12-20 09:22:00", 我需要计算"2018-12-20 09:20:00"这个目标时间的倒计时。
首先在公共JS中定义一个timer方法,这个方法需要一个参数,即目标时间。
这个参数格式必须符合日期格式,可以是时间戳,也可以是标准时间。function timer(val) { var nowTime = new Date(); var createdTime = new Date(val); var TIME = 1000 * 60 * 30; // 目标时间和当前时间的毫秒数 var differ = nowTime - createdTime; // 目标时间超过当前时间,或目标时间与当前时间的差超过30分钟则返回0 if (differ < 0 || differ > TIME) { return 0; }; // 剩余时间的秒数 differ = TIME - differ; // 计算分钟数 var minute = Math.floor(differ / (60 * 1000)); minute = minute < 10 ? '0' + minute : minute; // 计算秒数 var second = Math.floor((differ - minute * (60 * 1000)) / 1000); second = second < 10 ? '0' + second : second; // 返回结果格式 29:59 return minute + ':' + second; } // 调用方法 var time = timer("2018-12-20 09:20:00"); // 28:00
接下来我们优化一下,30秒固定死了,我想灵活一点。
那就再传入一个参数!
function timer(val, timeInterval) { var nowTime = new Date(); var createdTime = new Date(val); var TIME = 1000 * 60 * timeInterval; // 目标时间和当前时间的毫秒数 var differ = nowTime - createdTime; // 目标时间超过当前时间,或目标时间与当前时间的差超过30分钟则返回0 if (differ < 0 || differ > TIME) { return 0; }; // 剩余时间的秒数 differ = TIME - differ; // 计算分钟数 var minute = Math.floor(differ / (60 * 1000)); minute = minute < 10 ? '0' + minute : minute; // 计算秒数 var second = Math.floor((differ - minute * (60 * 1000)) / 1000); second = second < 10 ? '0' + second : second; // 返回结果格式 29:59 return minute + ':' + second; } // 调用方法 var time1 = timer("2018-12-20 09:20:00", 30); // 我需要做30分钟的倒计时 console.log(time1); // 28:00 var time2 = timer("2018-12-20 09:20:00", 60); console.log(time2); // 58:00
如果想扩展成其他的,比如扩展"01:59:59"格式,可以从这个案例中进行修改。
-
js倒计时一分钟
2016-11-04 14:46:10js倒计时一分钟前端页面按钮: 获取验证码</button></td>JS: var mydate= new Date();//获取当前时间 mydate.setMinutes(mydate.getMinutes()+1); //当前时间加1分钟 var end_t前端页面按钮:
<button type="button" value="" id="btn_code" >获取验证码</button></td>
JS:
var mydate= new Date();//获取当前时间 mydate.setMinutes(mydate.getMinutes()+1); //当前时间加1分钟 var end_time = new Date(mydate).getTime(),//月份是实际月份-1 var sys_second = (end_time-new Date().getTime())/1000; var timer = setInterval(function(){ if (sys_second > 1) { sys_second -= 1; var second = Math.floor(sys_second % 60); $("#btn_code").attr("disabled","true");//添加disabled属性 $("#btn_code").css("color","gray"); $("#btn_code").html(second+"s后重新获取验证码"); } else { $("#btn_code").removeAttr("disabled");//移除disabled属性 $("#btn_code").css("color","black"); $("#btn_code").html("获取验证码"); clearInterval(timer);//清楚定时器 } }, 1000);
-
excel自定义格式分钟计时_excel图表技巧:做一个节日倒数计时器的操作步骤
2020-12-20 10:59:55今天就给大家带来一个春节倒计时器的制作方法,赶紧来看看吧!鼠年春节马上就要到了,小编玩性大发,想做一个春节倒计时器,方便大家计算时间。当计算机的日期发生改变后,图表也会发生变化。里面涉及到IF逻辑函数、... -
小程序 实现一分钟倒计时
2020-08-05 14:14:54倒计时结束后按钮的内容文字恢复正常,按钮状态恢复正常。 wxml部分代码如下: <button class="sendBtn" disabled='{{disabled}}' bindtap="getCountDown">{{sendMessage}}</button> js部分代码如下:... -
短信验证码一分钟倒计时
2018-08-10 15:41:56微信小程序短信验证码倒计时 getCode: function (options) { this.setData({time: !this.data.time})//获取验证码按钮样式改变 var that = this; var currentTime = that.data.currentTime;//获取data中的... -
Proteus 实现一百分钟倒计时计数器
2019-12-10 19:19:22Proteus实现 一百分钟计时器 基本功能: 四个按键;实现加,减,选择(调整时选择分秒) 开始 减到00:00时停止计数 计数时按下开始按键可以实现暂停 加减按键实现在调整数值时的加减 调整数值时数码管闪烁;来显示... -
倒计时按钮_Animate如何制作一分钟倒计时动画(AS3)
2021-01-12 12:07:58这里讲一下简单的可以用在PPT里的一分钟倒计时小程序的制作,使用AS3代码进行制作。主要知识点:定时器TImer类的基本应用适用软件:Animate CC及其它支持AS3脚本的FLASH软件制作步骤:1.打开软件,新建AS3文档,注意... -
如何用js显示一个3分钟的倒计时
2015-09-14 07:57:22想实现这样一个效果 在页面的某 <span> 区域内显示一个3分钟的倒计时 然后在输出一个指定的5位数 同时显示这个效果后不能影响页面的其他内容 -
一分钟倒计时(短信发送)
2013-07-05 14:39:34[code="html"] 一分钟倒计时(短信发送) 手机号码: 验证码: [/code] -
编写了一个两分钟的倒计时
2021-01-20 13:56:57网上的很多版都相对复杂,而且有的错误在于例如倒计时到1分09秒时,程序运行结果为1:9,这个版本对这个错误进行的更改 -
js_一个简单的30分钟循环倒计时
2017-12-28 17:32:00吐槽段: ...今天的一个小改动需求,把活动的倒计时改成一个循环的30分钟倒计时,没错,就是一个循环的30分钟倒计时,这个活动是永无止境的。 技术段: HTML 1 <p>红包有效期: 2 <!--... -
一个7分钟沙漏a7,一个4分钟沙漏a4。怎样计时9分钟?
2013-05-07 22:23:18先同时漏a7a4,a4漏完后翻转,和a7剩下的三分钟同时漏,a7漏完后再翻转和a4的一分钟一起漏,a4漏完后a7一端就有一分钟,这时再翻转a7直到漏完,4+3+1+1=9 -
倒计时60分钟
2020-11-20 16:07:56分析 一天的毫秒数: 1000x60x60x24 整天: 总的毫秒数 / 一天的毫秒数 小时:(总的毫秒数 / 一个小时的毫秒数)% 24小时 ...60分钟倒计时 function time() { var endtime = +new Date() + 3600000; -
Timer定时器实现一分钟倒计时功能
2016-06-14 16:33:26private Timer mTimer = null; private TimerTask mTimerTask = null; private static int delay = 1 * 1000; // 1s private static int period = 1 * 1000;...private static int count = 60;...pri -
vue获取验证码点击事件之后一分钟倒计时三种情况
2020-04-27 16:53:56一、简单加一个倒计时(刷新倒计时失效) 1、获取验证码的点击按钮 <el-button :loading="loading" :class="{'disabled-style':getCodeBtnDisable}" :disabled="getCodeBtnDisable" type="primary" style="width... -
以30分钟为例写的一个倒计时:
2018-05-30 16:54:33public class MainActivity extends ...//这是分钟 private int second = 0;//这是分钟后面的秒数。这里是以30分钟为例的,所以,minute是30,second是0 private TextView timeView; private Timer ... -
vue中获取验证码之后一分钟倒计时实现
2020-11-20 14:46:5260 } }, methods:{ //点击获取验证码之后的倒计时 djs() { get_code({ username: this.phone }).then((res) => { //调用接口 if (res.code == 200) { this.time = 60; this.timer(); } else { this.$Message.error({...
收藏数
2,014
精华内容
805
-
企业数字化升级之路百家企业数字化转型发展分析报告.pdf
-
利用redis List队列简单实现秒杀 PHP代码实现
-
Oracle_11g_Linux到Linux_DataGuard部署
-
Amoeba 实现 MySQL 高可用、负载均衡和读写分离
-
刑法学--期末复习题(含答案).pdf
-
中国近现代史纲要课后习题答案及备考题库.pdf
-
华为1+X——网络系统建设与运维(高级)
-
MySQL 查询与高级查询(多表、嵌套和正则表达式)
-
MySQL 数据库权限管理(用户高级管理和精确访问控制)
-
2021_拥抱零信任安全模型_英中对照.pdf
-
一天学完MySQL数据库
-
【布道者】Linux极速入门
-
只运行一次 runonce callonce 获取错误字符串
-
我最喜欢的 12 个VSCode 插件!
-
Mycat 实现 MySQL的分库分表、读写分离、主从切换
-
2021-03-03
-
19软工【Android基础入门】
-
中国计量学院《微机原理及其应用》5套期末考试试卷(含答案).pdf
-
MySQL 备份与恢复详解(高低版本 迁移;不同字符集 相互转换;表
-
西南科技大学《电路分析A》期末考试试卷(含答案).pdf