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 相关文章推荐
jquery下异步提交表单 异步跨域提交表单
Nov 17 Javascript
jquery实现select选中行、列合计示例
Apr 25 Javascript
jquery中获取元素里某一特定子元素的代码
Dec 02 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
jQuery选择器用法实例详解
Dec 17 Javascript
js实现省份下拉菜单效果
Feb 15 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
js调用设备摄像头的方法
Jul 19 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
webpack4手动搭建Vue开发环境实现todoList项目的方法
May 16 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 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下MYSQL limit的优化
2008/01/10 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
php类自动加载器实现方法
2015/07/28 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
php使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
分享20款好玩的jQuery游戏
2011/04/17 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
jQuery filter函数使用方法
2014/05/19 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
jQuery 全选 全部选 反选 实现代码
2016/08/17 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
使用JS 插件qrcode.js生成二维码功能
2017/02/20 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
[03:49]2016完美“圣”典风云人物:AMS专访
2016/12/06 DOTA
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
简单介绍Ruby中的CGI编程
2015/04/10 Python
python 异常处理总结
2016/10/18 Python
Python正则表达式使用范例分享
2016/12/04 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
Python制作简单的剪刀石头布游戏
2020/12/10 Python
2015年上半年计生工作总结
2015/03/30 职场文书
雾霾停课通知
2015/04/24 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书