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 相关文章推荐
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
js给页面加style无效果的解决方法
Jan 20 Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 Javascript
js 获取元素下面所有li的两种方法
Apr 14 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
vue双向数据绑定原理探究(附demo)
Jan 17 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
Feb 15 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
php分页函数
2006/07/08 PHP
ThinkPHP模板替换与系统常量及应用实例教程
2014/08/22 PHP
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
PHP获取photoshop写入图片文字信息的方法
2015/03/31 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
javascript动态加载二
2012/08/22 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
使用BootStrap实现用户登录界面UI
2016/08/10 Javascript
如何防止INPUT按回车自动提交表单FORM
2016/12/06 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
微信小程序页面传值实例分析
2017/04/19 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
python中from module import * 的一个坑
2014/07/20 Python
Python-基础-入门 简介
2014/08/09 Python
Python中encode()方法的使用简介
2015/05/18 Python
python3实现随机数
2018/06/25 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
python如何运行js语句
2020/09/09 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
Python页面加载的等待方式总结
2021/02/28 Python
全球性的在线购物网站:Zapals
2017/03/22 全球购物
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
Jones New York官网:美国女装品牌,受白领女性欢迎
2019/11/26 全球购物
银行自荐信范文
2013/10/07 职场文书
环境工程专业个人求职信
2013/12/05 职场文书
管理失职检讨书
2014/02/12 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python