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 继承详解(三)
Jul 13 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
Jan 31 Javascript
JavaScript 继承使用分析
May 12 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
node.js学习总结之调式代码的方法
Jun 25 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
javascript中的altKey 和 Event属性大全
Nov 06 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
May 21 Javascript
这样回答继承可能面试官更满意
Dec 10 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实现字符串反转输出的方法
2015/03/14 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
php实现计算百度地图坐标之间距离的方法
2016/05/05 PHP
PHP+JQUERY操作JSON实例
2017/03/23 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
Javascript SHA-1:Secure Hash Algorithm
2006/12/20 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
分享9点个人认为比较重要的javascript 编程技巧
2015/04/27 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
2017/02/11 Javascript
JavaScript原生数组Array常用方法
2017/04/06 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
2019/12/11 Javascript
原生JS实现留言板
2020/03/26 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
安装Python的教程-Windows
2017/07/22 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
使用Python三角函数公式计算三角形的夹角案例
2020/04/15 Python
Spark处理数据排序问题如何避免OOM
2020/05/21 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
python软件都是免费的吗
2020/06/18 Python
linux centos 7.x 安装 python3.x 替换 python2.x的过程解析
2020/12/14 Python
英国在线自行车商店:Evans Cycles
2016/09/26 全球购物
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
农村婚礼证婚词
2014/01/08 职场文书
运动会广播稿20字
2014/02/18 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
Python序列化模块JSON与Pickle
2022/06/05 Python