基于JS实现限时抢购倒计时间表代码


Posted in Javascript onMay 09, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所示:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>限时抢购倒计时间表</title>
<style type="text/css">
*{margin:0;padding:0;}
#content{width:300px;margin:0 auto;padding:10px;background:#eee;border:1px solid #999;}
#content p span{color:red;font:bold 20px Arial;}
#content p a{font:12px/23px '宋体';color:#888;}
.div1{ display:none;}
</style>
<SCRIPT LANGUAGE="JavaScript">
function fresh()
{
    var endtime=new Date("2110/11/06,12:20: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);
//    document.getElementById("times").innerHTML=__h+"小时"+__m+"分"+__s+"秒";
document.getElementById("times").innerHTML=h+"小时"+m+"分"+s+"秒";
    if(leftsecond<=0){
      document.getElementById("times").innerHTML="已结束";
      clearInterval(sh);
    }
}
var sh;
sh=setInterval(fresh,1000);
</SCRIPT>
</head>
<body>
<div id="content">
<h1>限时抢购啦!</h1>
<p>还剩<span id="times"></span></p>
</div>
</body>
</html>

以上所述是小编给大家介绍的基于JS实现限时抢购倒计时间表代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery购物车实时结算特效实现思路
Sep 23 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
JS实现的表格行上下移动操作示例
Aug 03 Javascript
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
Mar 01 Javascript
iview的table组件自带的过滤器实现
Jul 12 Javascript
jquery实现下载图片功能
Jul 18 jQuery
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
vue router 动态路由清除方式
May 25 Vue.js
js使用i18n实现页面国际化的方法
May 09 #Javascript
Angular中$state.go页面跳转并传递参数的方法
May 09 #Javascript
Vue 2.0中生命周期与钩子函数的一些理解
May 09 #Javascript
JavaScript中splice与slice的区别
May 09 #Javascript
详解node中创建服务进程
May 09 #Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 #Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 #jQuery
You might like
社区(php&amp;&amp;mysql)五
2006/10/09 PHP
PHP与SQL注入攻击[二]
2007/04/17 PHP
php密码生成类实例
2014/09/24 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
javascript concat数组累加 示例
2009/09/03 Javascript
比Jquery的document.ready更快的方法
2010/04/28 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
jquery事件绑定解绑机制源码解析
2016/09/19 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
js+css实现打字效果
2020/06/24 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
手写Vue2.0 数据劫持的示例
2021/03/04 Vue.js
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
Python显示进度条的方法
2014/09/20 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
快速了解python leveldb
2018/01/18 Python
解决python对齐错误的方法
2020/07/16 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
如何将一个描述日期或日期/时间的字符串转换为一个Date对象
2015/10/13 面试题
应聘收银员个人的求职信
2013/11/30 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
工会文体活动总结
2015/05/07 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
python实现简单倒计时功能
2021/04/21 Python
如何在C++中调用Python
2021/05/21 Python
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python