• 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后需要执行的事件
            }
        }
  • 相关阅读:
    es6之class继承
    es6-class基本语法
    vue-cli3搭建pwa项目(一)
    vue 组件的通信方式
    react之组件&props
    React之元素渲染
    JSX
    JSX
    在项目中怎么使用react
    认识react
  • 原文地址:https://www.cnblogs.com/youmeng/p/2817478.html
Copyright © 2020-2023  润新知