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 相关文章推荐
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
js 深拷贝函数
Dec 04 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 Javascript
jQuery trigger()方法用法介绍
Jan 13 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
APP中javascript+css3实现下拉刷新效果
Jan 27 Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 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创建、获取cookie及基础要点分析
2015/01/26 PHP
PHP实现合并discuz用户
2015/08/05 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
Laravel 5.5基于内置的Auth模块实现前后台登陆详解
2017/12/21 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
PHP7 弃用功能
2021/03/09 PHP
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
微信小程序实现无限滚动列表
2020/05/29 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
Python编程实现的简单Web服务器示例
2017/06/22 Python
Python正则表达式非贪婪、多行匹配功能示例
2017/08/08 Python
python实现在pandas.DataFrame添加一行
2018/04/04 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
python发送邮件脚本
2018/05/22 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
python采集百度搜索结果带有特定URL的链接代码实例
2019/08/30 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
大学生演讲稿范文
2014/01/11 职场文书
室内设计专业自荐信
2014/05/31 职场文书
经典团队口号大全
2014/06/21 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书
学习经验交流会总结
2015/11/02 职场文书
2016年政治理论学习心得体会
2016/01/25 职场文书
苹果可能正在打击不进行更新的 App
2022/04/24 数码科技