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 相关文章推荐
document.all还是document.getElementsByName?
Jul 21 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
Jun 01 Javascript
vue-router路由参数刷新消失的问题解决方法
Jun 17 Javascript
layui实现动态和静态分页
Apr 28 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
Javascript组合继承方法代码实例解析
Apr 02 Javascript
JavaScript forEach中return失效问题解决方案
Jun 01 Javascript
jquery插件实现轮播图效果
Oct 19 jQuery
跟我学习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学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
深入解析php之apc
2013/05/15 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
JavaScript静态的动态
2006/09/18 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
常用jQuery代码分享
2015/07/14 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
Web前端开发工具——bower依赖包管理工具
2016/03/29 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
盘点提高 Python 代码效率的方法
2014/07/03 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
pandas实现将日期转换成timestamp
2019/12/07 Python
如何给Python代码进行加密
2020/01/10 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
没编程基础可以学python吗
2020/06/17 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
安全生产月演讲稿
2014/05/09 职场文书
结对共建工作方案
2014/06/02 职场文书
企业宣传工作方案
2014/06/02 职场文书
公司户外活动总结
2014/07/04 职场文书
租赁协议书
2015/01/27 职场文书
运动会开幕式主持词
2015/07/01 职场文书
python3 实现mysql数据库连接池的示例代码
2021/04/17 Python
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android