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 相关文章推荐
js中eval详解
Mar 30 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
深入理解JavaScript系列(43):设计模式之状态模式详解
Mar 04 Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 Javascript
js中跨域方法原理详解
Jul 19 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
AngularJS基础 ng-srcset 指令简单示例
Aug 03 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
详解element-ui设置下拉选择切换必填和非必填
Jun 17 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 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 base64+gzinflate压缩编码和解码代码
2008/10/03 PHP
php allow_url_include的应用和解释
2010/04/22 PHP
一道关于php变量引用的面试题
2010/08/08 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
php使用PDO下exec()函数查询执行后受影响行数的方法
2017/03/28 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
javascript options属性集合操作代码
2009/12/28 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
原生js操作checkbox用document.getElementById实现
2013/10/12 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
jquery判断至少有一个checkbox被选中的方法
2015/06/05 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
深入理解Javascript中的作用域链和闭包
2017/04/25 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
2019/05/28 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
简单了解Vue computed属性及watch区别
2020/07/10 Javascript
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Python设计模式之解释器模式原理与用法实例分析
2019/01/10 Python
python协程之动态添加任务的方法
2019/02/19 Python
pandas的相关系数与协方差实例
2019/12/27 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
PyTorch中的Variable变量详解
2020/01/07 Python
python爬虫请求头的使用
2020/12/01 Python
日本最大美瞳直送网:Morecontact(中文)
2019/04/03 全球购物
宣传策划类求职信范文
2014/01/31 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
2015年中秋寄语
2015/07/31 职场文书
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL