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 相关文章推荐
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
多种方法实现JS动态添加事件
Nov 01 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
微信开发 消息推送实现代码
Oct 21 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
JavaScript中offsetWidth的bug及解决方法
May 17 Javascript
JS实现字符串中去除指定子字符串方法分析
May 17 Javascript
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
巧用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程序效率优化的一些策略小结
2010/07/17 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
PHP与jquery实时显示网站在线人数实例详解
2016/12/02 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
PHP PDO和消息队列的个人理解与应用实例分析
2019/11/25 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
Prototype Array对象 学习
2009/07/19 Javascript
script标签属性type与language使用选择
2012/12/02 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
微信小程序 教程之引用
2016/10/18 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
2016/10/28 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
JavaScript实现经纬度转换成地址功能
2017/03/28 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python创建空列表的字典2种方法详解
2020/02/13 Python
Python关于反射的实例代码分享
2020/02/20 Python
pytorch实现查看当前学习率
2020/06/24 Python
python如何求圆的面积
2020/07/01 Python
python 基于opencv操作摄像头
2020/12/24 Python
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
英国儿童设计师服装的领先零售商:Base
2019/03/17 全球购物
Blue Nile蓝色尼罗河香港官网:世界最大在线钻石珠宝销售商
2020/05/07 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
老总助理工作岗位职责
2014/02/06 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
党校党性分析材料
2014/12/19 职场文书
2015年工程部工作总结
2015/04/30 职场文书