精华内容
下载资源
问答
  • 1制作一个一分钟计时器——学生学习课件
  • 五年级科学下_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秒

    展开全文
  • 这是一款小软件,供一分钟计时使用,很方便的,试试看啦!
  • 案例-做个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:10
    js倒计时一分钟前端页面按钮: 获取验证码</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);
    展开全文
  • 今天就给大家带来个春节倒计时器的制作方法,赶紧来看看吧!鼠年春节马上就要到了,小编玩性大发,想做个春节倒计时器,方便大家计算时间。当计算机的日期发生改变后,图表也会发生变化。里面涉及到IF逻辑函数、...
  • 计时结束后按钮的内容文字恢复正常,按钮状态恢复正常。 wxml部分代码如下: <button class="sendBtn" disabled='{{disabled}}' bindtap="getCountDown">{{sendMessage}}</button> js部分代码如下:...
  • 微信小程序短信验证码倒计时 getCode: function (options) { this.setData({time: !this.data.time})//获取验证码按钮样式改变 var that = this; var currentTime = that.data.currentTime;//获取data中的...
  • Proteus 实现分钟计时计数器

    千次阅读 2019-12-10 19:19:22
    Proteus实现 分钟计时器 基本功能: 四个按键;实现加,减,选择(调整时选择分秒) 开始 减到00:00时停止计数 计数时按下开始按键可以实现暂停 加减按键实现在调整数值时的加减 调整数值时数码管闪烁;来显示...
  • 这里讲一下简单的可以用在PPT里的一分钟计时小程序的制作,使用AS3代码进行制作。主要知识点:定时器TImer类的基本应用适用软件:Animate CC及其它支持AS3脚本的FLASH软件制作步骤:1.打开软件,新建AS3文档,注意...
  • 想实现这样个效果 在页面的某 <span> 区域内显示个3分钟的倒计时 然后在输出个指定的5位数 同时显示这个效果后不能影响页面的其他内容
  • [code="html"] 一分钟计时(短信发送) 手机号码: 验证码: [/code]
  • 网上的很多版都相对复杂,而且有的错误在于例如倒计时到1分09秒时,程序运行结果为1:9,这个版本对这个错误进行的更改
  • 吐槽段: ...今天的个小改动需求,把活动的倒计时改成个循环的30分钟计时,没错,就是个循环的30分钟计时,这个活动是永无止境的。 技术段: HTML 1 <p>红包有效期: 2 <!--...
  • 先同时漏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:26
    private 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
  • 、简单加个倒计时(刷新倒计时失效) 1、获取验证码的点击按钮 <el-button :loading="loading" :class="{'disabled-style':getCodeBtnDisable}" :disabled="getCodeBtnDisable" type="primary" style="width...
  • public class MainActivity extends ...//这是分钟 private int second = 0;//这是分钟后面的秒数。这里是以30分钟为例的,所以,minute是30,second是0 private TextView timeView; private Timer ...
  • 60 } }, methods:{ //点击获取验证码之后的倒计时 djs() { get_code({ username: this.phone }).then((res) => { //调用接口 if (res.code == 200) { this.time = 60; this.timer(); } else { this.$Message.error({...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,014
精华内容 805
关键字:

一分钟计时