JavaScript实现的商品抢购倒计时功能示例


Posted in Javascript onApril 17, 2017

本文实例讲述了JavaScript实现的商品抢购倒计时功能。分享给大家供大家参考,具体如下:

<html>
<head>
<meta charset="utf-8">
<title>JS抢购倒计时</title>
</head>
<body>
<span id="times" >
<SCRIPT LANGUAGE="JavaScript">
function _fresh()
{
 var endtime=new Date("2017/4/23,19:33:12");
 var nowtime = new Date();
 var leftsecond=parseInt((endtime.getTime()-nowtime.getTime())/1000);
 __d=parseInt(leftsecond/3600/24);
 __h=parseInt((leftsecond/3600)%24);
 __m=parseInt((leftsecond/60)%60);
 __s=parseInt(leftsecond%60);
var c=new Date();
var q=((c.getMilliseconds())%10);
 document.getElementById("times").innerHTML=__d+"天 "+__h+"小时"+__m+"分"+__s+"."+q+"秒";
 if(leftsecond<=0){
 document.getElementById("times").innerHTML="抢购已结束";
 clearInterval(sh);
 }
}
_fresh()
var sh;
sh=setInterval(_fresh,100);
</SCRIPT>
</span>
</body>
</html>

运行效果图如下:

JavaScript实现的商品抢购倒计时功能示例

Javascript 相关文章推荐
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
纯JS实现旋转图片3D展示效果
Apr 12 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
JS模拟实现方法重载示例
Aug 03 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
10分钟上手vue-cli 3.0 入门介绍
Apr 04 Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 Javascript
Angular8 Http拦截器简单使用教程
Aug 20 Javascript
浅谈Layui的eleTree树式选择器使用方法
Sep 25 Javascript
JavaScript实现点击自制菜单效果
Feb 02 Javascript
巧用weui.topTips验证数据的实例
Apr 17 #Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 #jQuery
bootstrap select插件封装成Vue2.0组件
Apr 17 #Javascript
JS简单获取当前日期和农历日期的方法
Apr 17 #Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 #Javascript
react.js CMS 删除功能的实现方法
Apr 17 #Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 #Javascript
You might like
php获得文件扩展名三法
2006/11/25 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
利用php + Laravel如何实现部署自动化详解
2017/10/11 PHP
PHP常用header头定义代码示例汇总
2020/08/29 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
javascript中的对象创建 实例附注释
2011/02/08 Javascript
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
使用javascript过滤html的字符串(注释标记法)
2013/07/08 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
Bootstrap3 Grid system原理及应用详解
2016/09/30 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
Centos 升级到python3后pip 无法使用的解决方法
2018/06/12 Python
OPENCV去除小连通区域,去除孔洞的实例讲解
2018/06/21 Python
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
新员工欢迎词
2014/01/12 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
中层干部培训方案
2014/06/16 职场文书
节约用水的口号
2014/06/20 职场文书
医学生自荐信范文
2015/03/05 职场文书
学校勤俭节约倡议书
2015/04/29 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
收入证明范本
2015/06/12 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书