js倒计时代码 适合于促销-倒计时代码
2024-10-12 19:03:40
<div class="tiem_price clearfix fonts" style="margin-top:15px;">
<div class="clockContainer clockContainer1 fl relative" id="38zhe"> <span class="day fl timer">00</span><em class="tag fl">天</em> <span class="hour fl timer">00</span><em class="tag fl">时</em> <span class="minute fl timer">00</span><em class="tag fl">分</em> <span class="second fl timer">00</span><em class="tag fl">秒</em> </div>
<div class="youhuiPrice relative fr">原价:3800元/次</div>
</div>
<script>
$(function(){
countDown("2016/3/3 12:00:00","#38zhe");
countDown("2016/3/31 12:00:00","#0tuo");
});
</script>
js 方法
function countDown(time,id){
var day_elem=$(id).find('.day');
var hour_elem=$(id).find('.hour');
var minute_elem=$(id).find('.minute');
var second_elem=$(id).find('.second');
var end_time = new Date(time).getTime();
var sys_second = (end_time-new Date().getTime())/1000;
var timer = setInterval(function(){
if(sys_second>1) {
sys_second-=1;
var day=Math.floor((sys_second/3600)/24);
var hour=Math.floor((sys_second/3600)%24);
var minute=Math.floor((sys_second/60)%60);
var second=Math.floor(sys_second%60);
$(day_elem).text(day);
$(hour_elem).text(hour<10?"0"+hour:hour);
$(minute_elem).text(minute<10?"0"+minute:minute);
$(second_elem).text(second<10?"0"+second:second);
}
else {
clearInterval(timer);
}
}, 1000);
}
最新文章
- Hadoop_UDTF示例
- 【转】微信公众账号 Senparc.Weixin.MP SDK 开发教程 索引
- PHP中有关Session的函数比较多,最常用到的也就这么几个函数
- TableLayout练习
- [转]Android在初始化时弹出popwindow的方法 .
- Hibernate逍遥游记-第15章处理并发问题-001事务并发问题及隔离机制介绍
- MongoDB在win7下安装配置
- Android: 自定义Tab样式,一种简单的方式。
- ASP.NET之旅—再一次与ASP谋面
- sql proc触发异常处理回滚
- UVA - 1631 Locker 记忆化搜索
- asp源码微信扫码授权登陆电脑版
- 4、JPA-EntityManager.merge()
- 打印 laravel 模型查询产品的 SQL
- CentOS7 linux 中提示 bash: ls: 未找到命令...
- CSS之fontAwesome代替网页icon小图标
- type convert
- Vim实用技巧系列 - 利用百度云和git实现vim配置多机共享
- 畅通工程(hdu1863)并查集
- TClientDataSet 提交时提示 Field value Required 但是未提示具体哪个字段。