JavaScript实现的商品抢购倒计时功能示例
2018-10-12 14:06
811 查看
本文实例讲述了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>
运行效果图如下:
PS:这里再为大家推荐几款时间及日期相关工具供大家参考使用:
在线秒表工具:
http://tools.jb51.net/bianmin/miaobiao
在线日期/天数计算器:
http://tools.jb51.net/jisuanqi/date_jisuanqi
在线日期天数差计算器:
http://tools.jb51.net/jisuanqi/onlinedatejsq
Unix时间戳(timestamp)转换工具:
http://tools.jb51.net/code/unixtime
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- Javascript Date对象 --- 时间戳及淘宝倒计时抢购功能实现
- Android实现发送短信验证码倒计时功能示例
- 原生javascript实现的全屏滚动功能示例
- jQuery.cookie.js实现记录最近浏览过的商品功能示例
- JavaScript简单实现关键字文本搜索高亮显示功能示例
- java+mysql实现商品抢购功能
- 原生JavaScript实现的简单省市县三级联动功能示例
- JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
- 原生JavaScript实现remove()和recover()功能示例
- android listview列表实现倒计时,类似商品抢购列表
- JavaScript实现简单的隐藏式侧边栏功能示例
- javascript实现 京东淘宝等商城的商品图片大图预览功能
- JS基于FileSaver.js插件实现文件保存功能示例[原创]_javascript技巧_脚本之家
- 基于Javascript实现倒计时功能
- Javascript实现的StopWatch功能示例
- JavaScript实现的文本框placeholder提示文字功能示例
- 帝国CMS仿站 商品倒计时功能实现
- 自定义ASP.NET AJAX拖放功能示例程序:实现IDragSource和IDropTarget接口将商品拖放至购物车中
- JavaScript在控件上添加倒计时功能的实现代码
- Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例