首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

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电商网站抢购倒计时效果实现

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
由Javascript实现的页面日历
Nov 04 Javascript
JS版的date函数（和PHP的date函数一样）
May 12 Javascript
window.open()详解及浏览器兼容性问题示例探讨
May 29 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
JS实现从顶部下拉显示的带动画QQ客服特效代码
Oct 24 Javascript
JS实现的鼠标跟随代码(卡通手型点击效果)
Oct 26 Javascript
浅析jQuery 遍历函数，javascript中的each遍历
May 25 Javascript
jquery获取点击控件的绝对位置简单实例
Oct 13 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 Javascript
Vue 幸运大转盘实现思路详解
May 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
瑞典购物网站(55) 挪威购物网站(7) 芬兰购物网站(10) 丹麦购物网站(22) 比利时购物网站(33) 肯尼亚购物网站(2) 南非购物网站(8) 意大利购物网站(128) 阿根廷购物网站(9) 荷兰购物网站(99)
You might like
WampServer下安装多个版本的PHP、mysql、apache图文教程
2015/01/07 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
javascript利用控件对windows的操作实现原理与应用
2012/12/23 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
2016年最热门的15 款代码语法高亮工具，美化你的代码
2016/01/06 Javascript
jQuery遍历DOM元素与节点方法详解
2016/04/14 Javascript
js实现二级导航功能
2017/03/03 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
轻松实现jQuery添加删除按钮Click事件
2017/03/13 Javascript
详解JavaScript基础知识（JSON、Function对象、原型、引用类型）
2018/01/16 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
py2exe 编译ico图标的代码
2013/03/08 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
windows10下安装TensorFlow Object Detection API的步骤
2019/06/13 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
python GUI库图形界面开发之PyQt5状态栏控件QStatusBar详细使用方法实例
2020/02/28 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
印度尼西亚电子产品购物网站：Kliknklik
2018/06/05 全球购物
学生会主席就职演讲稿
2014/01/14 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
中文专业求职信
2014/06/20 职场文书
停车场管理协议书范本
2014/10/08 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
情感电台广播稿
2015/08/18 职场文书
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS