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 相关文章推荐
一些技巧性实用js代码小结
Oct 14 Javascript
从零开始学习jQuery (三) 管理jQuery包装集
Feb 23 Javascript
js网页实时倒计时精确到秒级
Feb 10 Javascript
js 通过html()及text()方法获取并设置p标签的显示值
May 14 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
vue中v-model的应用及使用详解
Jun 27 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
JS实现音量控制拖动
Jan 15 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+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
PHP5权威编程阅读学习笔记 附电子书下载
2012/07/05 PHP
解析PHPExcel使用的常用说明以及把PHPExcel整合进CI框架的介绍
2013/06/24 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
php使用ob_start()实现图片存入变量的方法
2014/11/14 PHP
PHP使用PHPexcel导入导出数据的方法
2015/11/14 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
Laravel使用memcached缓存对文章增删改查进行优化的方法
2016/10/08 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
JavaScript中的连字符详解
2013/11/28 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
jQuery将多条数据插入模态框的示例代码
2014/09/25 Javascript
jQuery插件pagination实现分页特效
2015/04/12 Javascript
javascript实现禁止复制网页内容汇总
2015/12/30 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
2019/02/14 jQuery
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
JavaScript实现预览本地上传图片功能完整示例
2019/03/08 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
Django中传递参数到URLconf的视图函数中的方法
2015/07/18 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Pytho爬虫中Requests设置请求头Headers的方法
2020/09/22 Python
HTML5+CSS3实现拖放(Drag and Drop)示例
2014/07/07 HTML / CSS
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
承诺书模板
2014/08/30 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
机关党总支领导班子整改方案
2014/09/20 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
辞职书格式样本
2015/02/26 职场文书
银行自荐信范文
2015/03/25 职场文书
合同补充协议书
2016/03/24 职场文书
Django框架中模型的用法
2022/06/10 Python