jquery简单倒计时

jquery简单倒计时

本文介绍一个很简单的倒计时js代码,你可以很轻松的应用到网站维护、团购网站或限时下载网站等等

淘建站为您提供更多_日期时间_倒计时_倒计时_时分秒,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 284 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:日期时间 > 倒计时 难易程度:初级

HTML

<div class="time-item">
    <span id="day_show">0天</span>
    <strong id="hour_show">0时</strong>
    <strong id="minute_show">0分</strong>
    <strong id="second_show">0秒</strong>
</div>

jQuery

var intDiff = parseInt(60); //倒计时总秒数量
function timer(intDiff) {
    window.setInterval(function() {
        var day = 0,
        hour = 0,
        minute = 0,
        second = 0; //时间默认值		
        if (intDiff > 0) {
            day = Math.floor(intDiff / (60 * 60 * 24));
            hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
            minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
            second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
        }
        if (minute <= 9) minute = '0' + minute;
        if (second <= 9) second = '0' + second;
        $('#day_show').html(day + "天");
        $('#hour_show').html('<s id="h"></s>' + hour + '时');
        $('#minute_show').html('<s></s>' + minute + '分');
        $('#second_show').html('<s></s>' + second + '秒');
        intDiff--;
    },
    1000);
}
$(function() {
    timer(intDiff);
});

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/304.html
jquery简单倒计时 希望对你有帮助,感谢您的支持!
  • 高仿京东移动端首页纯js轮播 倒计时 触摸滑动 滚动特效

    高仿京东移动端首页纯js轮播 倒计时 触摸滑动 滚动特效

  • js css3仿手机app广告页倒计时效果

    js css3仿手机app广告页倒计时效果

  • jQuery倒计时插件6种不同倒计时效果代码

    jQuery倒计时插件6种不同倒计时效果代码

  • css3 svg动画效果的10秒倒计时

    css3 svg动画效果的10秒倒计时

  • 距离某一时间的时间倒计时代码,当到达此时间时告诉已经到达倒计时停

    距离某一时间的时间倒计时代码,当到达此时间时告诉已经到达倒计时停

  • JS实现倒计时,时间到了显示活动开始

    JS实现倒计时,时间到了显示活动开始

  • jQuery一分钟带毫秒倒计时代码

    jQuery一分钟带毫秒倒计时代码

  • html5 canvas 2016年七夕情人节倒计时代码

    html5 canvas 2016年七夕情人节倒计时代码

  • js自定义设置日期时间倒计时代码

    js自定义设置日期时间倒计时代码

  • jQuery css3圆形进度条倒计时动画效果

    jQuery css3圆形进度条倒计时动画效果

  • 倒计时等待下班

    倒计时等待下班

  • jQuery手机短信验证码登录倒计时代码

    jQuery手机短信验证码登录倒计时代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2