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将表单导出成EXCEL的实例代码
Nov 11 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
Aug 04 Javascript
jQuery实现长按按钮触发事件的方法
Feb 02 Javascript
深入理解jQuery中的事件冒泡
May 24 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
Feb 10 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
JS数组求和的常用方法实例小结
Jan 07 Javascript
webpack 处理CSS资源的实现
Sep 27 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
thinkPHP分组后模板无法加载问题解决方法
2016/07/12 PHP
PHP基于GD库的图像处理方法小结
2016/09/27 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
jQuery实现径向动画菜单效果
2015/07/17 Javascript
解决jQuery uploadify在非IE核心浏览器下无法上传
2015/08/05 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
基于hover的用法实例(推荐)
2017/07/04 Javascript
vue中的非父子间的通讯问题简单的实例代码
2017/07/19 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
python函数缺省值与引用学习笔记分享
2013/02/10 Python
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Python制作数据导入导出工具
2015/07/31 Python
python实现excel读写数据
2021/03/02 Python
python+PyQT实现系统桌面时钟
2020/06/16 Python
使用pandas读取文件的实现
2019/07/31 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
pandas dataframe 中的explode函数用法详解
2020/05/18 Python
Rosetta Stone官方网站:语言学习
2019/01/05 全球购物
大学生写自荐信的技巧
2014/01/08 职场文书
自我鉴定书面格式
2014/01/13 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
公司开业致辞
2015/07/29 职场文书
nginx如何将http访问的网站改成https访问
2021/03/31 Servers
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS