知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    倒计时代码素材有毫秒显示

    作者:佳明妈 来源:jquery特效 2014-06-02 人气:
    倒计时代码素材有毫秒显示,这种有类似毫秒显示的倒计时代码给人一种紧迫感,代码特效的动感也更强,在购物网站、抢购活动等页面经常有这种倒计时代码效果
    倒计时代码素材有毫秒显示,这种有类似毫秒显示的倒计时代码给人一种紧迫感,代码特效的动感也更强,在购物网站、抢购活动等页面经常有这种倒计时代码效果。当然这里的“毫秒”并非真正的毫秒数只是看起来有这种效果。
    js代码如下:
    <span id="clock"></span>
    <script>
        function displayTime(){
            var elt = document.getElementById("clock");
            if(leftTime<0){
                elt.innerHTML = "Over";
            }
            else{
                //结束时间,需自定义 懒人建站 http://www.51xuediannao.com
                var endTime = new Date("2014/07/8 18:45:13");
                var now = new Date();
                var leftTime = endTime.getTime() -now.getTime();
                var ms = parseInt(leftTime%1000).toString();
                leftTime = parseInt(leftTime/1000);
                var o = Math.floor(leftTime / 3600);
                var d = Math.floor(o/24);
                var m = Math.floor(leftTime/60%60);
                var s = leftTime%60;
                elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
                setTimeout(displayTime,100);
            }
        }
        displayTime();
    </script>
    懒人建站整理
    ↓ 查看全文

    倒计时代码素材有毫秒显示由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    倒计时代码素材有毫秒显示-最新评论