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模板实现方法
Apr 27 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
jQuery Mobile和HTML5开发App推广注册页
Nov 07 Javascript
laydate.js日期时间选择插件
Jan 04 Javascript
微信小程序 地图map详解及简单实例
Jan 10 Javascript
AngularJS执行流程详解
Feb 17 Javascript
js中开关变量使用实例
Feb 24 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
Aug 21 jQuery
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
微信小程序页面调用自定义组件内的事件详解
Sep 12 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模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
在WordPress中获取数据库字段内容和添加主题设置菜单
2016/01/11 PHP
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
jQuery实现冻结表头的方法
2015/03/09 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
vue2.0使用swiper组件实现轮播的示例代码
2018/03/03 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
layui 上传文件_批量导入数据UI的方法
2019/09/23 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
2020/12/03 Vue.js
Python下载懒人图库JavaScript特效
2015/05/28 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
聊聊python在linux下与windows下导入模块的区别说明
2021/03/03 Python
详解HTML5中的拖放事件(Drag 和 drop)
2016/11/14 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
韩国现代百货官网:Hmall
2018/03/21 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
初级Java程序员面试题
2016/03/03 面试题
教师岗位职责
2013/11/17 职场文书
书法培训心得体会
2014/01/05 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
学生会主席竞聘书
2014/03/31 职场文书
合伙购房协议样本
2014/10/06 职场文书
热情服务标语
2014/10/07 职场文书
2014年计划生育工作总结
2014/11/14 职场文书
离婚起诉书范本
2015/05/18 职场文书
教育教学读书笔记
2015/07/02 职场文书
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL