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 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
jQuery动画出现连续触发、滞后反复执行的解决方法
Jan 28 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
Nov 17 Javascript
原生JS实现匀速图片轮播动画
Oct 18 Javascript
Javascript实现找不同色块的游戏
Jul 17 Javascript
浅谈Vue下使用百度地图的简易方法
Mar 23 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
Vue修改项目启动端口号方法
Nov 07 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
Aug 13 Javascript
JS实现公告上线滚动效果
Jan 10 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
星际争霸中的热键
2020/03/04 星际争霸
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
PHP默认安装产生系统漏洞
2006/10/09 PHP
使用cookie实现统计访问者登陆次数
2013/06/08 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
PHP中调用SVN命令更新网站方法
2015/01/07 PHP
php实现中文字符截取防乱码方法汇总
2015/04/29 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
php自定义函数实现JS的escape的方法示例
2016/07/07 PHP
基于ThinkPHP5框架使用QueryList爬取并存入mysql数据库操作示例
2019/05/25 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
js修改原型的属性使用介绍
2014/01/26 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
js实现支持手机滑动切换的轮播图片效果实例
2015/04/29 Javascript
Nodejs express框架一个工程中同时使用ejs模版和jade模版
2015/12/28 NodeJs
javascript代码调试之console.log 用法图文详解
2016/09/30 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
JSON数据中存在单个转义字符“\”的处理方法
2018/07/11 Javascript
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
python 算法 排序实现快速排序
2012/06/05 Python
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Python找出文件中使用率最高的汉字实例详解
2015/06/03 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
保留意见审计报告
2015/06/05 职场文书
个人自我鉴定怎么写?
2019/07/01 职场文书