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 相关文章推荐
控制文字内容的显示与隐藏示例
Jun 11 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
使用console进行性能测试
Apr 27 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
Jun 05 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
vue中如何实现变量和字符串拼接
Jun 19 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
Oct 29 Javascript
js实现筛选功能
Nov 24 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
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
PHP的Yii框架的常用日志操作总结
2015/12/08 PHP
php利用header函数下载各种文件
2016/08/24 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
Thinkphp 3.2框架使用Redis的方法详解
2019/10/24 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
JavaScript实现列表分页功能特效
2015/05/15 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
Vue路由跳转问题记录详解
2017/06/15 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
2018/08/03 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
微信小程序如何获取地址
2019/12/24 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
python实现图片批量剪切示例
2014/03/25 Python
浅谈Python 字符串格式化输出(format/printf)
2016/07/21 Python
python daemon守护进程实现
2016/08/27 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python爬虫刷访问量 2019 7月
2019/08/01 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
浅析python函数式编程
2020/09/26 Python
利用Python函数实现一个万历表完整示例
2021/01/23 Python
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
HTML5应用之文件上传
2016/12/30 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
纽约通行卡:The New York Pass(免费游览纽约90多个景点)
2017/07/29 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
JAVA高级程序员面试题
2013/09/06 面试题
医学生个人求职信范文
2013/09/24 职场文书
编辑找工作求职信范文
2013/12/16 职场文书
幼儿园教师工作制度
2014/01/22 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle