精华内容
下载资源
问答
  • 20倒计时效果,电子时钟20倒计时ppt特效模板。
  • 电子时钟倒计时ppt特效,ppt倒计时模板下载。
  • //5分钟提示弹框是否显示 // interval = setInterval(countDown, 1000); // console.log(second) var isResult = false; function countDown() { second--; if(second == 00 && minute > 0) { second = 60; minute--...

    对应主要代码块:

    var hour = 0;
    var minute = 19;
    var second = 60;  
    var hourDiv = document.getElementById('hour');
    var minuteDiv = document.getElementById('minute');
    var secondDiv = document.getElementById('second');
    var interval;
    var row=0;
    var isDiscount5Modal = false;//5分钟提示弹框是否显示
    // interval = setInterval(countDown, 1000);
    // console.log(second)
    var isResult = false;
    function countDown() {
                second--;
             if(second == 00 && minute > 0) {
                 second = 60;
                 minute--;
                 if(minute < 10) minute = "0" + minute;
             }else if(second == 00 && minute == 00) {
                window.clearInterval(interval);
             } //当秒钟为00时,秒数重新给值
            if(second < 10) second = "0" + second;
            if(second == 00 && minute == 00) {
                $("#autocommit").show();
                window.clearInterval(interval);
                isResult = true;
                setInterval(function() {
                    commitFirstAs();//提交调用接口
                },1500)
                
             }else if (second == 59 && minute == 04) {
                $("#discount5").show();
                //清除计时器
                window.clearInterval(interval);
                setTimeout(function() {
                    $("#discount5").hide();
                    if(!isDiscount5Modal) {
                        interval = setInterval(countDown, 1000);
                    }
                    
                },5000)
                $(".close").click(function() {
                    $("#discount5").hide();
                    isDiscount5Modal = true;
                    interval = setInterval(countDown, 1000);
                })
            }; //当分钟和秒钟都为00时,重新给值
        row++
        $(hourDiv).html(hour.toString().length < 2 ? "0" + hour + ":" : hour + ":");
        $(minuteDiv).html(minute.toString().length < 2 ? "0" + minute + ":" : minute + ":");
        $(secondDiv).html(second.toString().length < 2 ? "0" + second : second);
        console.log(row);
    }
    var flag = false;
    // 点击提交按钮
    $("#submit").click(function () {
        isResult = false;
        commitFirstAs();
    });
    
    function commitFirstAs() {
        console.log(row)
        arree = [];
        //清除计时器
        window.clearInterval(interval);
    
        //var ql = $(".shalist").find("li");
        var map = {};
        for (var i = 0; i < $(".shalist li").length; i++) {
    
            //}    $(".shalist li").each(function(){
    
            var id = $(".shalist li").eq(i).find(".asid").val();
            var ans = $(".shalist li").eq(i).find(".answe").val();
            if (!ans && !flag && !isResult) {
    
                $("#ob").show();
    
                $(".moreChance").click(function () {
                    flag = true;
                    isResult = false;
                    commitFirstAs();
                });
                $(".oneby").click(function () {
                    window.clearInterval(interval);
                    $("#ob").hide();
                    // 开启计时器
                    interval = setInterval(countDown, 1000);
                    $("#submit").removeAttr("disabled");
                });
                return;
            }
    
            if (!ans) {
                ans = "-";
            }
            map[id] = ans;
        }
    
        map["time"] = row;
        $.ajax({
            type: "post",
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            data: JSON.stringify(map),
            url: "../front/certExam/commitFirstAnswer",
            beforeSend: function () {
                layer.open({
                    type: 2,
                    content: '加载中',
                    shadeClose: false
                });
            },
            success: function (data) {
                layer.closeAll();
                if (data.code == "200") {
                    window.location.href = "result.html?ti=" + data.useTime + "&hs=" + data.hscore + "&times=" + data.asTimes;
                } else {
                    if (data.rtnUrl != null && data.rtnUrl != "" && data.rtnUrl != undefined) {
                        window.location.href = data.rtnUrl;
                    }
                }
            }
        })
    }
    

    目前有一个问题就是手机黑屏或锁屏的时候进如答题页面计时器会有延迟,希望大神们给点建议哈

    展开全文
  • ppt倒计时效果,20分钟数字变,60秒钟秒针盘变化,不错的效果
  • 先问大家一个问题,你做一个20页的PPT大约需要多久呢?可能很多人,听到这个问题,第一反应是回答:估计要做1天!搞不好还要加班但其实,您的新同事,或者新来的实习生,可能只需要1个小时就能搞定!甚至有的人只...

    先问大家一个问题,你做一个20页的PPT大约需要多久呢?

    可能很多人,听到这个问题,第一反应是回答:估计要做1天!搞不好还要加班

    d848eadc36fd3031d9a41a501bd24f48.png

    但其实,您的新同事,或者新来的实习生,可能只需要1个小时就能搞定!甚至有的人只需要5分钟!

    别不信,使用好插件,你也能轻松搞定!今天就跟大家推荐3款大神都在偷用的PPT插件!

    d13f29a24d6b0d9cbe9e102346e978a8.png

    01 PPT美化大师

    一款超级方便的PPT小插件!支持在WPS和OFFICE上使用!

    PPT 美化大师拥有海量在线模板素材。专业模板、精美图示、创意画册、实用形状等,细致分类,内容也会持续更新。

    d2e377409f56c3963dceb532e2cd368a.png

    但很多人喜欢这款插件的原因,在于他超强大的,一键全自动智能美化功能!啥意思呢?

    就是你只需要把内容和必要的图片,放在PPT页面上,点击一键美化功能,1分钟搞定PPT设计!基本上可以满足我们日常的设计需求,给大家录制个动图:

    45345e14b0b44cfff33c3e0f5ae6404d.gif

    关注我的头条号@PPT学习君,发送关键字【PPT插件】直接获取!

    02 Islide

    一款超强的PPT插件,基于 PowerPoint 的插件工具,即便您不懂设计,也能简单、高效地创建各类专业PPT演示文档。

    78331ef8c2690859df847918ff4cf3e7.png

    插件中提供8大资源,20万的PPT模板!让你不再为找素材而担忧!

    f723d864185f9b180c3c1f214728ef09.gif

    对了,上面有个超好用的功能,一键做出动态的图表!超级方便,只需要点击,就能自动更改再也不用担心图表而加班了!还能做出让领导超满意的图表!

    71d048ce0f0e0cef429dc84f740f6a17.gif

    免费功能都足够用了,快用起来吧~告别加班!

    03 口袋动画

    前面都介绍的是制作设计PPT的插件,这个插件的特点是为PPT加入动画!

    5ddf6d9d7d48e2ee2ce2d8459dff0550.png

    有的这个小插件,你可以轻松做出超赞的PPT动画!只需要点击就能有各种效果!

    6677dc16bcb3be88c534fcafe33d35f4.gif

    当然,它也提供了各种各样的素材,但还是动画最实用!只需点击,就能完成超复杂,高逼格的PPT动画!尤其做一些封面的时候,超级炫酷哦!

    好了,今天跟大家推荐了3个小插件,相信一定可以很大程度上,提升你的PPT制作能力,让你效率翻倍,告别加班!

    a14a3f3b0cb9f5a6596f17a46cca3df4.png

    另外,这3款插件软件的安装包,我也给你准备好了~

    关注我的头条号@PPT学习君,发送关键字【PPT插件】直接获取!

    展开全文
  • 案例-做一个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"格式,可以从这个案例中进行修改。

    展开全文
  • 分钟秒钟的倒计时

    2017-12-13 17:00:40
    <p id='headerNum'>00:20:00</p> var hour = $('#headerNum').text().split(':')[0] var minute = $('#headerNum').text().split(':')[1] var second = $('#headerNum').text().split(':')[2] var set
    <p id='headerNum'>00:20:00</p>
        var hour = $('#headerNum').text().split(':')[0]
        var minute = $('#headerNum').text().split(':')[1]
        var second = $('#headerNum').text().split(':')[2]
        var settime = setInterval(mytime,1000);
        function mytime(){
            if(second <= 0 ){
                second = 60;
                minute--;                   
            }       
            second--;
            if(minute < 0){     
                clearInterval(settime);
                $('#headerNum').text('00:00:00');
                return;
            }
            $('#headerNum').text(hour + ':' + (minute<10?'0'+minute:minute) + ':' + (second<10?"0"+second:second))
    
        }
    
    展开全文
  • 超简单的时间分钟秒钟倒计时

    千次阅读 2016-07-30 11:41:32
    20:00 //20分钟倒计时   $(function(){  var m=19;  var s=59;  var a= setInterval(function(){  if(s  $('#time').html(m+':0'+s);  }else{  
  • 倒计时10s

    2019-12-16 21:46:07
    客户登录差10s到无操作10分钟倒计时,屏幕有遮罩,客户移动鼠标后倒计时停止,无操作持续时间归0。 2. 代码 function listenerTime(){ var tipTime = 10;//tipTime定义提示时间,可放到redis或者数据库中,使用时...
  • 遍历数组,倒计时,处理数组时间戳...~~ 要在页面显示的时候,倒计时显示,例如:12天20小时30分钟22秒; 时间一直在变化,显示的时间也要动态显示时间的变化;’ //后台返回的数据如下 listData:[ {name:'斗...
  • 假如你在2019-09-26 12:00:20点击了一个按钮,计算出从点击按钮起到 2019-09-26 12:10:00的时间,用秒来倒计时,等于0的时候继续算出距离下一个10的倍数分钟的时间 var hour = new Date().getMinutes() var all = ...
  • 倒计时,主要应用于活动倒计时 当前时间:2019-07-29 10:56:00 //时间传活动截止时间 const app = getApp(); Page({ data:{ currentTime:'' }, onLoad(){ app.countdown(this,'2019-07-30...
  • function ShowCountDown() {  var now = new Date();... var endDate = new Date("2015/09/20 15:11:00"); //可更改  var leftTime = endDate.getTime() - now.getTime();  console.log();  var left
  • 2.倒计时:24小时倒计时器由2个60进制减计数器和1个24进制减计数器构成输入CLK为1Hz(秒)的时钟,经过60进制减计数后产生I分钟的借位时钟信号,再经过60进制减计数后产生I小时的借位时钟信号送给24进制减计数器进行减...
  • &lt;style type="text/css"&gt;  input {  border: 1px solid rgba(0, 0, 0, 8);  text-align: center;  font-size: 20px;  font-weight: bold;  ...
  • C# 如何使用倒计时

    千次阅读 2018-12-30 08:57:37
    平时做程序的时候,经常会需要设计一个延时触发的事件,之前在网吧玩到只剩20分钟的时候会弹出一个余额不足的提醒,那么到底如何实现呢? 正文 1.首先,添加timer控件 2.增加倒计时的方法 void procTimer_Tick...
  • 真的是老了,写个js的计时器居然用了20分钟,惭愧 /*计时器*/ var wait = 60; var e=document.getElementById("btn"); e.onclick = function() { time(this); ...
  • 定义存放计时单元地址 ALB EQU 20H.0 ;闹铃设置标志 BUF EQU 30H ;30~33H 连续4字节存放显示器数据 HOUR EQU 34H ;存放小时变量 MIN EQU 35H ;存放分钟变量 SEC EQU 36H ;存放秒钟变量 DEDA EQU 37H ;存放5 ...
  • js实现动态倒计时效果的步骤:首先是获取到用户输入的目标时间,在获取当前时间,用目标时间减去当前时间,获得时间差;然后,将得到的时间差传化为天数、小时、分钟、秒钟;最后,动态的输出这些剩余时间。下面我们...
  • 项目中用绑定手机号功能,发送之后2分钟倒计时倒计时的功能用到了CountDownTimer类,这是android的一个工具类。很巧妙 下面是这个类的原理解析,此类比较简单。但很强大。 1 2 3 4 5 6 7 8 ...
  • 熬夜的90后,进入30岁倒计时 我是喜欢听故事,更喜欢讲故事的——产品先森 本文的阅读时长约30分钟 遇见你,是我的幸运,希望文章不会让您反感 不知道从何时起,秋裤不需要妈妈提醒就自己穿上了,也不知道为什么突然...
  • 显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定时间比当前时间晚则显示为距离2012-10-3还有1天1小时32分20秒的格式....
  • 第85天 知识点简单的行程问题 题目等级中 1.小东和小军同时从学校出发去电影院小东骑自行车速度是200m/分经过15分钟到达这时离电影开映还有20分钟小军步行速度是75m/分他到电影院要多少分钟当
  • 距离英语四级笔试考试还有不到20天大家复习的怎么样了?很多同学还没开始复习问我:“小万,现在还来得及饿么?”“小万,我感觉这次又凉了”······光着急,不行动,那就只能来年六月见你可以说有的是时间可是...
  • 我们的网站有个任务大厅...用户接了任务后,20分钟内,需要对任务支付押金,如果超时没支付,任务状态置0,返回到任务大厅,数据库有个记录超时时间的字段。 请问各位大神:我应该在哪里去判断支付是否超时比较合理?
  • C# 计时器开发

    2017-04-02 10:18:15
    窗体数 类 2 1 开发平台:C# VS2010 ...核心技术:TimeSpan操作时间类,Windows Media Player播放音频,timer控件的使用 ...实现倒计时功能,默认倒计时6分钟。可以修改倒计时的时间。在最后的20秒,开始播放音乐。
  • 圣诞节倒计时应用程序 Piccolo progetto creato in 20分钟前的状态,在perperette di saperequant giorni mancano anatale中。 在网站的20分钟内创建的小型项目,可让您知道圣诞节前的几天
  • 计时器程序

    2014-05-13 10:51:11
    //秒表状态指示 0-计时暂停 1-正在倒计时 2-计时时间参数修改 int flag; //秒表修改数据指示 0-分钟十位 1-分钟个位 2-秒钟十位 3-秒钟个位 int blink; //-----------------------------------------------------...
  • 本人也是安卓菜鸟一枚,入行不久,公司需要实现一个功能: 就是没有连接电源,黑屏(休眠)之后倒计时20分钟之后让机器关机。当时我就觉得也不是很难,我再Luancher中 可以注册动态广播监测到黑屏的操作,然后加入一个...

空空如也

空空如也

1 2 3 4
收藏数 70
精华内容 28
关键字:

倒计时20分钟