thinkPHP开发商城产品倒计时功能

浏览:3670 发布日期:2014/10/30 分类:技术分享 关键字: 倒计时功能
html代码片段(剩余时间部分):<span>剩余时间:
    <span id="endtime">
        <span class="red">
                <span  id="loan_time">-- 天 -- 小时 -- 分 -- 秒</span>
        </span>
    </span>
</span>
其中,会用到一个隐藏域,值为距离活动到期时间还有多少秒【{$vo.lefttime}为thinkPHP变量,该值为距离活动结束总秒数】<input id="hid" type="hidden" value="{$vo.lefttime}" /> js代码片段:var seconds;
        var timer=null;
        function setLeftTime() {
                seconds = parseInt($("#hid").val(), 10);
                timer = setInterval(showSeconds,1000);
        }
        
function showSeconds() {
         var day1 = Math.floor(seconds / (60 * 60 * 24));
         var hour = Math.floor((seconds - day1 * 24 * 60 * 60) / 3600);
         var minute = Math.floor((seconds - day1 * 24 * 60 * 60 - hour * 3600) / 60);
         var second = Math.floor(seconds - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);
         if (day1 < 0) {
             clearInterval(timer);
             $("#loan_time").html("已经结束!");
         } else if (pers >= 1) {
              clearInterval(timer);
              $("#loan_time").html("已经结束!");
         } else {
              $("#loan_time").html(day1 + " 天 " + hour + " 小时 " + minute + " 分 " + second + " 秒");
}
seconds--;
                                
来自:php讨客网http://www.phptalker.com/thread-487-1-2.html
最佳答案
评论() 相关
后面还有条评论,点击查看>>