javascript电商网站抢购倒计时效果实现


Posted in Javascript onNovember 19, 2015

本文实例讲述了javascript电商网站抢购倒计时效果实现代码。分享给大家供大家参考。具体如下:
运行效果截图如下:

javascript电商网站抢购倒计时效果实现

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>团购——限时抢</title>

</head>

<body>

<div class="time"> <span id="LeftTime"></span></div>
</div>
<script>
function FreshTime()
{
    var endtime=new Date("2015/11/20,12:20:12");//结束时间
    var nowtime = new Date();//当前时间
    var lefttime=parseInt((endtime.getTime()-nowtime.getTime())/1000); 
    d=parseInt(lefttime/3600/24);
    h=parseInt((lefttime/3600)%24);
    m=parseInt((lefttime/60)%60);
    s=parseInt(lefttime%60);

    document.getElementById("LeftTime").innerHTML="还剩" + d+"天"+h+"小时"+m+"分"+s+"秒";
    if(lefttime<=0){
        document.getElementById("LeftTime").innerHTML="团购已结束";
        clearInterval(sh);
    }
}
    FreshTime();
    var sh;
    sh=setInterval(FreshTime,1000);
</script>
</body>
</html>

很简单的团购限时抢购倒计时,特别适合用于现今团购网、电商网、门户网等倒计时抢购活动,希望本文能帮助大家熟练掌握javascript倒计时效果的实现方法。

Javascript 相关文章推荐
javascript中的void运算符语法及使用介绍
Mar 10 Javascript
关于JavaScript限制字数的输入框的那些事
Aug 14 Javascript
有趣的bootstrap走动进度条
Dec 01 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
Jan 19 Javascript
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
Js利用prototype自定义数组方法示例
Oct 20 Javascript
详解node.js的http模块实例演示
Jul 12 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
Aug 25 Javascript
详解webpack-dev-server使用方法
Sep 14 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
js实现点赞按钮功能的实例代码
Mar 06 Javascript
跟我学习javascript的Date对象
Nov 19 #Javascript
跟我学习javascript的this关键字
May 28 #Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
Nov 19 #Javascript
基于Jquery代码实现手风琴菜单
Nov 19 #Javascript
跟我学习javascript的作用域与作用域链
Nov 19 #Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 #Javascript
理解 JavaScript Scoping &amp; Hoisting(二)
Nov 18 #Javascript
You might like
PHP简单系统查询模块代码打包下载
2008/06/07 PHP
PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码
2013/04/08 PHP
PHP+Mysql+Ajax+JS实现省市区三级联动
2014/05/23 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
jquery实现奇偶行赋值不同css值
2012/02/17 Javascript
jquery ready函数、css函数及text()使用示例
2013/09/27 Javascript
基于 Docker 开发 NodeJS 应用
2014/07/30 NodeJs
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
js中关于Blob对象的介绍与使用
2019/11/29 Javascript
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
六个窍门助你提高Python运行效率
2015/06/09 Python
python妹子图简单爬虫实例
2015/07/07 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
浅谈django中的认证与登录
2016/10/31 Python
Python模块搜索路径代码详解
2018/01/29 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
详解python中的线程与线程池
2019/05/10 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
利用css3制作3D样式按钮实现代码
2013/03/18 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
大唐面试试题(CPU,UNIX等等)
2012/01/11 面试题
人力资源管理毕业生自荐信
2013/11/21 职场文书
财务会计专业推荐信
2013/11/30 职场文书
简历的自我评价范文
2014/02/04 职场文书
年终奖发放方案
2014/06/02 职场文书
格林童话读书笔记
2015/06/30 职场文书
会议室使用管理制度
2015/08/06 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书