php+js实现倒计时功能


Posted in Javascript onJune 02, 2014

js部分

setInterval("time_controller()",1000);
function time_controller(){
    $(".time_val").each(function(){
         var time_id = "time_show_"+$(this).attr('for');
         var time_val= $(this).attr('value');
         $(this).attr('value',time_val-1);
         show_time(time_id,time_val*1000);
    });
}
function show_time(id,timestamp)
{
    var timer = document.getElementById(id);
    var str_time,int_day,int_hour,int_minute,int_second;
    var time_distance = timestamp;
    if(time_distance>0)
    {
          int_day=Math.floor(time_distance/86400000)
          time_distance-=int_day*86400000;
          int_hour=Math.floor(time_distance/3600000)
          time_distance-=int_hour*3600000;
          int_minute=Math.floor(time_distance/60000)
          time_distance-=int_minute*60000;
          int_second=Math.floor(time_distance/1000)          if(int_hour<10)
           int_hour="0"+int_hour;
          if(int_minute<10)
           int_minute="0"+int_minute;
          if(int_second<10)
           int_second="0"+int_second;
          str_time="<b>剩余时间:"+int_day+"天"+int_hour+"小时"+int_minute+"分钟"+int_second+"秒</b>";
          timer.innerHTML=str_time;
    }else{
          timer.innerHTML="<b>剩余时间: 0天0小时0分钟0秒</b>";
    }
}

html部分,php 和 js 的时间倒计时

 <div class="time" id="time_show_{$list.cmd_id}"></div>
 <input type="hidden"  class="time_val" for="{$list.cmd_id}" value="{$list.time_val}" />
Javascript 相关文章推荐
ASP.NET中AJAX 调用实例代码
May 03 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
javascript中的return和闭包函数浅析
Jun 06 Javascript
JS基于正则截取替换特定字符之间字符串操作示例
Feb 03 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
Jul 16 Javascript
js 显示日期时间的实例(时间过一秒加1)
Oct 25 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
vue+element tabs选项卡分页效果
Jun 29 Javascript
layui实现给某一列加点击事件
Oct 26 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
Jan 12 Javascript
JS自定义滚动条效果
Mar 13 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 #Javascript
node.js入门教程
Jun 01 #Javascript
什么是Node.js?Node.js详细介绍
Jun 01 #Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 #Javascript
通过Jquery的Ajax方法读取将table转换为Json
May 31 #Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 #Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
CI框架常用函数封装实例
2016/11/21 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
laravel 之 Eloquent 模型修改器和序列化示例
2019/10/17 PHP
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
jquery mobile changepage的三种传参方法介绍
2013/09/13 Javascript
如何将php数组或者对象传递给javascript
2014/03/20 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
浅谈JavaScript中的this指针和引用知识
2016/08/05 Javascript
jQuery实现点击查看大图并以弹框的形式居中
2016/08/08 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
[02:23]2016国际邀请赛中国区预选赛wings晋级之路
2016/06/29 DOTA
python获得图片base64编码示例
2014/01/16 Python
Python实现二叉堆
2016/02/03 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
一百行python代码将图片转成字符画
2021/02/19 Python
matplotlib实现区域颜色填充
2019/03/18 Python
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
python被修饰的函数消失问题解决(基于wraps函数)
2019/11/04 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
英国女士家居服网站:hush
2017/08/09 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
信息专业个人的自我评价
2013/12/27 职场文书
英语简历自我评价
2014/01/26 职场文书
体育教学随笔感言
2014/02/24 职场文书
单位作风建设自查报告
2014/10/23 职场文书
2014年保密工作总结
2014/11/22 职场文书
正规欠条模板
2015/07/03 职场文书
Mysql案例刨析事务隔离级别
2021/09/25 MySQL