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_14_函数形式参数与arguments
Oct 20 Javascript
Javascript类库的顶层对象名用户体验分析
Oct 24 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
JavaScript DOM事件(笔记)
Apr 08 Javascript
js一维数组、多维数组和对象的混合使用方法
Apr 03 Javascript
JS实现间歇滚动的运动效果实例
Dec 22 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
NUXT SSR初级入门笔记(小结)
Dec 16 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程序效率优化的一些策略小结
2010/07/17 PHP
PHP+JS+rsa数据加密传输实现代码
2011/03/23 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
RR vs IO BO3 第二场2.13
2021/03/10 DOTA
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
window.onerror()的用法与实例分析
2016/01/27 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
2017/05/17 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
详解create-react-app 自定义 eslint 配置
2018/06/07 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
2019/09/27 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
详解Python中表达式i += x与i = i + x是否等价
2017/02/08 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
python 信息同时输出到控制台与文件的实例讲解
2018/05/11 Python
python多进程并行代码实例
2019/09/30 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
pytorch判断是否cuda 判断变量类型方式
2020/06/23 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
html5 拖拽上传图片实例演示
2013/04/01 HTML / CSS
德国网上花店:Valentins
2018/08/15 全球购物
Vans澳大利亚官网:购买鞋子、服装及配件
2019/09/05 全球购物
回门宴答谢词
2014/01/13 职场文书
水果连锁超市创业计划书
2014/01/24 职场文书
初中语文教学反思
2014/02/02 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
教师师德师风整改措施
2014/10/24 职场文书
初三语文教学计划
2015/01/22 职场文书
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏