jQuery仿京东秒杀倒计时布局样式代码

jQuery仿京东秒杀倒计时布局样式代码,一款精美的购物商城商品每日秒杀时、分、秒倒计时代码。

JS代码

<script src="js/jquery.min.js"></script> 
    <script type="text/javascript"> 
        $(document).ready(function () { 
            var oDate = new Date(); 
            var nowTime = oDate.getTime(); //现在的毫秒数 
            oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天 
            var targetDate = new Date(oDate.toLocaleDateString()); 
            run(targetDate); 
        }); 
 
        function run(enddate) { 
            getDate(enddate); 
            setInterval("getDate('" + enddate + "')", 500); 
        } 
 
        function getDate(enddate) { 
            var oDate = new Date(); //获取日期对象 
 
            var nowTime = oDate.getTime(); //现在的毫秒数 
            var enddate = new Date(enddate); 
            var targetTime = enddate.getTime(); // 截止时间的毫秒数 
            var second = Math.floor((targetTime - nowTime) / 1000); //截止时间距离现在的秒数 
 
            var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天;一天有24*60*60=86400秒 ; 
            second = second % 86400; //余数代表剩下的秒数; 
            var hour = Math.floor(second / 3600); //整数部分代表小时; 
            second %= 3600; //余数代表 剩下的秒数; 
            var minute = Math.floor(second / 60); 
            second %= 60; 
            var spanH = $('.se-txt')[0]; 
            var spanM = $('.se-txt')[1]; 
            var spanS = $('.se-txt')[2]; 
 
            spanH.innerHTML = tow(hour); 
            spanM.innerHTML = tow(minute); 
            spanS.innerHTML = tow(second); 
        } 
 
        function tow(n) { 
            return n >= 0 && n < 10 ? '0' + n : '' + n; 
        } 
    </script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录