JQuery 实现的一个倒计时脚本

不想你离开。 提交于 2020-03-30 02:09:22
//先看看代码再详细说明

<script type="text/javascript">
        var SysSecond;
        var InterValObj;
        $(document).ready(function() {

            SysSecond = parseInt($("#hdfSysRemainSecond").val());       //这里我是在服务端算好了剩余的秒数,并保存到客户端,如果过期则返回0

            InterValObj = window.setInterval(SetRemainTime, 1000);      //      间隔函数,1秒执行
        });

        //代理
        function SetRemainTime() {
            if (SysSecond > 0) {
                //alert(SysSecond);
                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);            //计算天

                $("#lblRemainTime").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
                $("#lblRemainTimeJs").html(day + "天" + hour + "小时" + minite + "分" + second + "秒");
            } else {//剩余时间小于或等于0的时候,就停止间隔函数
                window.clearInterval(InterValObj);
            }
        }
    </script>

很实用的JS脚本,希望对大伙有点用。
哪里不足的请不吝指点。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!