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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
javascript 写类方式之三
Jul 05 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
js Date概念详细介绍
Nov 22 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
Jul 08 Javascript
Vue之mixin全局的用法详解
Aug 22 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
May 08 Javascript
解决await在forEach中不起作用的问题
Feb 25 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
Zend的Registry机制的使用说明
2013/05/02 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
PHP实现合并discuz用户
2015/08/05 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
PHP分页显示的方法分析【附PHP通用分页类】
2018/05/10 PHP
AppBaseJs 类库 网上常用的javascript函数及其他js类库写的
2010/03/04 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
2015/02/05 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
理解JS事件循环
2016/01/07 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
jQuery ajax调用webservice注意事项
2017/10/08 jQuery
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
vue遍历对象中的数组取值示例
2019/11/07 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
2020/10/29 Javascript
Python 提取dict转换为xml/json/table并输出的实现代码
2016/08/28 Python
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
Python入门学习指南分享
2018/04/11 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
写出二分查找算法的两种实现
2013/05/13 面试题
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
国家领导干部党的群众路线教育实践活动批评与自我批评材料
2014/09/23 职场文书
放射科岗位职责
2015/02/14 职场文书
Django一小时写出账号密码管理系统
2021/04/29 Python
详解OpenCV曝光融合
2022/04/29 Python