zoukankan      html  css  js  c++  java
  • Jquery实现倒计时

    最近需要写一个倒计时的效果,就大体写了一下。有什么不足,请多多见谅

    <script type="text/javascript">
        var SysSecond;
        var InterValObj;
        var barcode;
        $(document).ready(function () {
            SysSecond = parseInt($("#remainSeconds").html()); //这里获取倒计时的起始时间
            InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数,1秒执行
            barcode = $("#barcode").html();
        });
    
        //将时间减去1秒,计算天、时、分、秒
        function SetRemainTime() {
            if (SysSecond > 0) {
                SysSecond = SysSecond - 1;
                var second = Math.floor(SysSecond % 60);             // 计算秒    
                var minite = Math.floor((SysSecond / 60) % 60);      //计算分
                var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时
                var day = Math.floor((SysSecond / 3600) / 24);        //计算天
                if (day > 0) {
                    if (day == 1) {
                        $("#remainTime").html(day + "DAY " + hour + ":" + minite + ":" + second + "");
                    } else {
                        $("#remainTime").html(day + "DAYS " + hour + ":" + minite + ":" + second + "");
                    }
                } else {
                    $("#remainTime").html(hour + ":" + minite + ":" + second + "");
                }
            } else {//剩余时间小于或等于0的时候,就停止间隔函数
                location.href = "/product/countdown.aspx?fn=" + barcode + "";
                window.clearInterval(InterValObj);
                //这里可以添加倒计时时间为0后需要执行的事件
            }
        }
  • 相关阅读:
    4、Java基本数据类型
    3、Java 对象和类
    2、Java 基础语法标识符、修饰符、变量、 数组、枚举、关键字
    1、Java 开发环境配置
    近期目标
    Java泛型是什么?实战demo
    Java高级篇XML和正则表达式
    Java高级篇反射和注解
    Java高级篇 JVM
    JavaScript执行顺序
  • 原文地址:https://www.cnblogs.com/youmeng/p/2817478.html
Copyright © 2011-2022 走看看