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如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
使用AngularJS实现可伸缩的页面切换的方法
Jun 19 Javascript
jQuery操作动态生成的内容的方法
May 28 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
js Dom实现换肤效果
Oct 21 Javascript
vue-router+nginx 非根路径配置方法
Jun 30 Javascript
微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb
Jul 04 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
Sep 25 Javascript
Vue路由守卫之路由独享守卫
Sep 25 Javascript
JavaScript中的全局属性与方法深入解析
Jun 14 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
Content-type 的说明
2006/10/09 PHP
在IIS上安装PHP4.0正式版
2006/10/09 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
将CMYK颜色值和RGB颜色相互转换的PHP代码
2014/07/28 PHP
PHP自定义错误用法示例
2016/09/28 PHP
css图片自适应大小
2007/11/28 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
JavaScript 事件冒泡简介及应用
2010/01/11 Javascript
最佳的addEvent事件绑定是怎样诞生的
2011/10/24 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
通过Javascript读取本地Excel文件内容的代码示例
2014/04/08 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
2015/01/18 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
javascript中BOM基础知识总结
2017/02/14 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
python实现闹钟定时播放音乐功能
2018/01/25 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
python学生管理系统的实现
2020/04/05 Python
基于selenium及python实现下拉选项定位select
2020/07/22 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
印度购物网站:TATA CLiQ
2017/11/23 全球购物
美国豪华时尚女性精品店:Kirna Zabête
2018/01/11 全球购物
网站编辑求职信
2013/10/17 职场文书
幼儿园长自我鉴定
2013/10/17 职场文书
商务英语专业毕业生自荐信
2013/11/05 职场文书
村党支部公开承诺书
2014/05/29 职场文书
同意报考公务员证明
2015/06/17 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
股权投资协议书
2016/03/23 职场文书
导游词书写之黄山
2019/08/06 职场文书