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 1.3 和 Validation 验证插件1.5.1
Jul 09 Javascript
JavaScript Event学习第十章 一些可替换的事件对
Feb 10 Javascript
jQuery 获取对象 定位子对象
May 31 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
jQuery实现的自定义滚动条实例详解
Sep 20 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
Sep 18 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
layui 给数据表格加序号的方法
Aug 20 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 17 Javascript
vue制作toast组件npm包示例代码
Oct 29 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设计模式 Command(命令模式)
2011/06/26 PHP
编写php应用程序实现摘要式身份验证的方法详解
2013/06/08 PHP
ThinkPHP上使用多说评论插件的方法
2014/10/31 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
prototype 源码中文说明之 prototype.js
2006/09/22 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
2014/02/04 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
2014/05/12 Javascript
详解js实现线段交点的三种算法
2016/08/09 Javascript
老生常谈JQuery data方法的使用
2016/09/09 Javascript
js上下视差滚动简单实现代码
2017/03/07 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
seaJs使用心得之exports与module.exports的区别实例分析
2017/10/13 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python编写百度贴吧的简单爬虫
2015/04/02 Python
python模拟Django框架实例
2016/05/17 Python
Python采用Django制作简易的知乎日报API
2016/08/03 Python
Python实现将文本生成二维码的方法示例
2017/07/18 Python
django.db.utils.ProgrammingError: (1146, u“Table‘’ doesn’t exist”)问题的解决
2018/07/13 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
在django中,关于session的通用设置方法
2019/08/06 Python
基于python中__add__函数的用法
2019/11/25 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
Python常用数据分析模块原理解析
2020/07/20 Python
申请任职学生会干部自荐书范文
2014/02/13 职场文书
投标承诺函范文
2015/01/21 职场文书
Redis实战高并发之扣减库存项目
2022/04/14 Redis