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 相关文章推荐
JS 对象介绍
Jan 20 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
Aug 06 Javascript
Angular 2父子组件数据传递之@Input和@Output详解(下)
Jul 05 Javascript
Vue监听滚动实现锚点定位(双向)示例
Nov 13 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/05/26 PHP
javascript+php实现根据用户时区显示当地时间的方法
2015/03/11 PHP
PHP时间处理类操作示例
2018/09/05 PHP
新浪微博字数统计 textarea字数统计实现代码
2011/08/28 Javascript
Js 回车换行处理的办法及replace方法应用
2013/01/24 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
使用InstantClick.js让页面提前加载200ms
2017/09/12 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
python3利用Socket实现通信的方法示例
2019/05/06 Python
python之当你发现QTimer不能用时的解决方法
2019/06/21 Python
django之使用celery-把耗时程序放到celery里面执行的方法
2019/07/12 Python
浅析PEP572: 海象运算符
2019/10/15 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
keras .h5转移动端的.tflite文件实现方式
2020/05/25 Python
python requests库的使用
2021/01/06 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
澳大利亚婴儿、幼儿和儿童在线设计师商店:Smooch Baby
2019/02/16 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
高中微机老师自我鉴定
2014/02/16 职场文书
《小小竹排画中游》教学反思
2014/02/26 职场文书
地质灾害防治方案
2014/05/14 职场文书
青年文明号汇报材料
2014/12/23 职场文书
工作失职检讨书范文
2015/05/05 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
治庸问责工作总结
2015/08/11 职场文书
自考生自我评价
2019/06/21 职场文书
Go语言基础函数基本用法及示例详解
2021/11/17 Golang
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS
MySQL实现配置主从复制项目实践
2022/03/31 MySQL
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫