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入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
利用window.name实现windowStorage代码分享
Jan 02 Javascript
js浏览器本地存储store.js介绍及应用
May 13 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
js实现页面a向页面b传参的方法
May 29 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
使用Vue开发自己的Chrome扩展程序过程详解
Jun 21 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 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本地服务器分享
2013/02/19 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
如何在PHP中读写文件
2020/09/07 PHP
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
2013/03/25 Javascript
jquery实现输入框动态增减的实例代码
2013/07/14 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
2016/06/23 Javascript
Vue.use源码分析
2017/04/22 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
微信小程序入口场景的问题集合与相关解决方法
2019/06/26 Javascript
Vue中util的工具函数实例详解
2019/07/08 Javascript
利用Vue实现简易播放器的完整代码
2020/12/30 Vue.js
python读取oracle函数返回值
2016/07/18 Python
解决python matplotlib imshow无法显示的问题
2018/05/24 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
Python http接口自动化测试框架实现方法示例
2018/12/06 Python
python实现批量nii文件转换为png图像
2019/07/18 Python
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
应届大学毕业生找工作的求职信范文
2013/11/29 职场文书
公益活动策划方案
2014/01/09 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
中学生评语大全
2014/04/18 职场文书
《春晓》教学反思
2014/04/20 职场文书
绿色家庭事迹材料
2014/05/01 职场文书
网络技术专业求职信
2014/05/02 职场文书
白血病募捐倡议书
2014/05/14 职场文书
高三励志标语
2014/06/05 职场文书
代办社保委托书范文
2014/10/06 职场文书
导游词之泰山玉皇顶
2019/12/23 职场文书
Python实现机器学习算法的分类
2021/06/03 Python