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 相关文章推荐
checkbox 复选框不能为空
Jul 11 Javascript
window.location.hash 属性使用说明
Mar 20 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
JavaScript中使用concat()方法拼接字符串的教程
Jun 06 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
Nov 16 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
js中怎么判断两个字符串相等的实例
Jan 17 Javascript
vue-cli 3.x配置跨域代理的实现方法
Apr 12 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
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
php写的AES加密解密类分享
2014/06/20 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
php引用和拷贝的区别知识点总结
2019/09/23 PHP
web 页面分页打印的实现
2009/06/22 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
Javascript 浮点运算的问题分析与解决方法
2013/08/27 Javascript
Node.js中调用mysql存储过程示例
2014/12/20 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
jQuery事件绑定on()与弹窗实现代码
2016/04/28 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
2017/07/10 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
关于layui flow loading占位图的实现方法
2019/09/21 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
JS前后端实现身份证号验证代码解析
2020/07/23 Javascript
Python中的多重装饰器
2015/04/11 Python
centos6.4下python3.6.1安装教程
2017/07/21 Python
Python reduce()函数的用法小结
2017/11/15 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
HTML5 canvas 基本语法
2009/08/26 HTML / CSS
Bealls Florida百货商店:生活服饰、家居装饰和鞋子
2018/02/23 全球购物
自荐书范文
2013/12/08 职场文书
自荐书模板
2013/12/15 职场文书
社区学雷锋活动策划方案
2014/01/30 职场文书
职业女性的职业规划
2014/03/04 职场文书
总经理任命书
2014/03/29 职场文书
材料员岗位职责范本
2015/04/11 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL