美文网首页
倒计时插件

倒计时插件

作者: 拾钱运 | 来源:发表于2020-09-28 11:35 被阅读0次
function setDateImportFn(startTime, endTime) {
    var now;
    now = new Date();
    endTime= endTime.replace(/\-/g,"/")
    var end = new Date(endTime); //结束的时间:年,月,日,分,秒(月的索引是0~11)
    /*两个时间相减,得到的是毫秒ms,变成秒*/
    var result = Math.floor(end - now) / 1000;
    interval = setInterval(sub, 1000); //定时器 调度对象
    /*封装减1秒的函数*/
    function sub() {
        if (result > 1) {
            result = result - 1;
            var second = Math.floor(result % 60); // 计算秒 ,取余  
            var minite = Math.floor((result / 60) % 60); //计算分 ,换算有多少分,取余,余出多少秒
            var hour = Math.floor((result / 3600) % 24); //计算小时,换算有多少小时,取余,24小时制除以24,余出多少小时
            var day = Math.floor(result / (3600 * 24)); //计算天 ,换算有多少天  
                // $('.remainingTime').html("测试一下有没有值");
            if (day > 0) {
                $('.remainingTime').html(day + '天' + hour + "小时" + minite + "分" + second + "秒");
            } else {
                $('.remainingTime').html(hour + "小时" + minite + "分" + second + "秒");
            }
        } else {
            //倒计时结束
            window.clearInterval(interval); //这里可以添加倒计时结束后需要执行的事件 
        }
    };
}

相关文章

  • 前端页面实现倒计时效果的几种方法

    1.15分钟倒计时 2.距离未来时间倒计时 3.数码时钟 4.时间插件倒计时:https://www.jq22.c...

  • 倒计时插件

  • 倒计时插件

    最主要记住,JS获取时间戳new Date().getTime()方法返回的是13位数,Java13位,PHP是1...

  • 倒计时-vue

    HTML: script: Vue学习笔记-倒计时插件 https://www.jianshu.com/p/3fd...

  • JavaScript短信验证码60秒倒计时插件

    该插件依赖于jquery,用于发送短信验证码后的60秒倒计时: 下载完整代码: 下载 下载后的完整实例包括: 插件...

  • 日期倒计时插件使用方法

    一、日期倒计时简介 日期倒计时插件是一款日期倒计时工具,可用于添加桌面小窗口,对一些重要事件(如朋友生日、结婚纪念...

  • 商品促销倒计时效果实现

    效果图展示 所有的知识点总结如下: 轮播图实现:swiper插件 倒计时功能的实现 倒计时结束,抢购按钮变为可点击...

  • 时间选择插件、倒计时插件

    1.DateTimePicker 时间选择插件 我们在使用这个插件时,前端页面获取的时间是String类型,在数...

  • JS实现日历

    最近在捣鼓一个chrome插件,包括两个功能:1.倒计时,2.日历。 大致是下面这个样子: 倒计时模式倒还简单,日...

  • SMCountDown 倒计时插件

    来源:http://itssh.cn/post/9.html SMCountDown github地址:https...

网友评论

      本文标题:倒计时插件

      本文链接:https://www.haomeiwen.com/subject/uukluktx.html