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 25 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
jquery datatable服务端分页
Aug 31 Javascript
JavaScript学习笔记整理_用于模式匹配的String方法
Sep 19 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
AngularJS的ng-click传参的方法
Jun 19 Javascript
详解node.js中的npm和webpack配置方法
Jan 21 Javascript
vue页面跳转后返回原页面初始位置方法
Feb 11 Javascript
详解Js里的for…in和for…of的用法
Mar 28 Javascript
详解用场景去理解函数柯里化(入门篇)
Apr 11 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
destoon实现VIP排名一直在前面排序的方法
2014/08/21 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
2013/11/12 Javascript
JavaScript实现更改网页背景与字体颜色的方法
2015/02/02 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍
2016/09/01 Javascript
JS实现探测网站链接的方法【测试可用】
2016/11/08 Javascript
js addDqmForPP给标签内属性值加上双引号的函数
2016/12/24 Javascript
详解nodejs微信公众号开发——2.自动回复
2017/04/10 NodeJs
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
解决angular双向绑定无效果,ng-model不能正常显示的问题
2018/10/02 Javascript
如何使用puppet替换文件中的string
2018/12/06 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
微信小程序添加插屏广告并设置显示频率(一天一次)
2019/12/06 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
Python抓取手机号归属地信息示例代码
2016/11/28 Python
python2.7实现爬虫网页数据
2018/05/25 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
Django框架 querySet功能解析
2019/09/04 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
Bally澳大利亚官网:瑞士奢侈品牌
2018/11/01 全球购物
英国手工制作的现代与经典的沙发和床:Love Your Home
2020/09/26 全球购物
Yahoo的PHP面试题
2014/05/26 面试题
护理专业自荐信范文
2014/02/26 职场文书
绿色学校实施方案
2014/03/31 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
教师节感谢信
2015/01/22 职场文书
2015年小学二年级班主任工作总结
2015/05/21 职场文书
企业宣传稿范文
2015/07/23 职场文书