js戳和php戳时间换算
2016-06-24 11:56
615 查看
问题:剩余多少时间,如果只用php来输出,却看不到动态效果。 解决办法,利用获取的时间减去当前时间js 时间格式转换 php时间商品距离秒杀时间的天数时分秒 <input name="test01" value="1472572800/×当天开始时间的×/"> <div id="showtimes" ></div>
function show_cur_times(){ //获取当前日期 var date_time = new Date(); var cur_time =$("[name='test01']").val()*1000;获取的时间戳是把毫秒改成000显示 var timestamp=new Date().getTime(); var timestampend = cur_time - timestamp; var newTime = new Date(timestampend); var day=Math.floor(timestampend/(24*3600*1000)); //计算出小时数 var leave1=timestampend%(24*3600*1000); //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)); //计算相差分钟数 var leave2=leave1%(3600*1000); //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)); //计算相差秒数 var leave3=leave2%(60*1000); //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000); var date_str = day+"天"+hours+"时"+minutes+"分"+seconds+"秒"; //显示在id为showtimes的容器里 document.getElementById("showtimes").innerHTML= date_str; } //设置1秒调用一次show_cur_times函数 setInterval(show_cur_times,1000);
动态
67天12时10分21秒
遇到的问题:碰到循环的如何解决,每个值不能存在相同id
<input name="showtimesend" countDown="{{act_id}}" value="{{end_time}}" style="display:none;">
<span class="am-text-primary" id="{{act_id}}"></span>
function show_cur_times(act_id){ $("[countDown]").each(function (index, element){ var countDown = $(element).attr('countDown'); $('#' + countDown).html(toCountDown($(element).val())); }); } function toCountDown(cur_time){ var timestamp=new Date().getTime(); var timestampend = (cur_time * 1000) - timestamp; var newTime = new Date(timestampend); var day=Math.floor(timestampend/(24*3600*1000)); //计算出小时数 var leave1=timestampend%(24*3600*1000); //计算天数后剩余的毫秒数 var hours=Math.floor(leave1/(3600*1000)); //计算相差分钟数 var leave2=leave1%(3600*1000); //计算小时数后剩余的毫秒数 var minutes=Math.floor(leave2/(60*1000)); //计算相差秒数 var leave3=leave2%(60*1000); //计算分钟数后剩余的毫秒数 var seconds=Math.round(leave3/1000); return day+"天"+hours+"时"+minutes+"分"+seconds+"秒"; } //设置1秒调用一次show_cur_times函数 setInterval(show_cur_times,1000);
相关文章推荐
- PHP手册-语言参考-类型-Float 浮点型
- php echo return exit 区别
- PHP获取Post的原始数据方法
- phpexcel引入MVC框架会导致__autoload引入类文件失败的解决办法
- smarty在普通php页面使用流程
- Yii2框架的几个隐蔽的坑
- FTPClient的使用类
- PHP5各个版本的新功能和新特性总结
- php发送email
- PHP设计模式:装饰模式
- php模拟post上传图片实现代码
- 一个简单安全的PHP验证码类 附调用方法
- 常见的 libphp5.so文件无法生成的问题
- php 斐波那契数列:1 1 2 3 5 8 13 21 34 .....
- Laravel Auth验证
- PHPStorm&PHPstudy环境配置
- TP模板替换默认的替换规则
- yii2中的分页
- zend studio 设置成psr2规范
- 专业级智能PHP IDE Zend Studio发布v13.5|附下载