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中的referrer返回上一页使用介绍
Sep 26 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
Feb 22 Javascript
JavaScript实现图片滑动切换的代码示例分享
Mar 06 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
JavaScript代码里的判断小结
Aug 22 Javascript
Three.js基础学习教程
Nov 16 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
JS闭包原理与应用经典示例
Dec 20 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 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
WHOIS类的修改版
2006/10/09 PHP
PHP 函数语法介绍一
2009/06/14 PHP
Zend Studio去除编辑器的语法警告设置方法
2012/10/24 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
JS小功能(setInterval实现图片效果显示时间)实例代码
2013/11/28 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
Python collections模块实例讲解
2014/04/07 Python
Python import用法以及与from...import的区别
2015/05/28 Python
关于Django外键赋值问题详解
2017/08/13 Python
python清理子进程机制剖析
2017/11/23 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
浅谈python 中的 type(), dtype(), astype()的区别
2020/04/09 Python
pycharm 的Structure界面设置操作
2021/02/05 Python
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
职业规划书如何设计?
2014/01/09 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书