基于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 相关文章推荐
javascript字典探测用户名工具
Oct 05 Javascript
Eclipse下jQuery文件报错出现错误提示红叉
Jan 13 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
JavaScript多线程详解
Aug 12 Javascript
原生javascript实现匀速运动动画效果
Feb 26 Javascript
微信小程序 获取微信OpenId详解及实例代码
Oct 31 Javascript
AngularJS中transclude用法详解
Nov 03 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
JS中如何实现点击a标签返回页面顶部的问题
Jan 19 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
May 11 Javascript
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
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一些公用函数的集合
2008/03/27 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
php中执行系统命令的方法
2015/03/21 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
AngularJS的一些基本样式初窥
2015/07/27 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
vue npm install 安装某个指定的版本操作
2020/08/11 Javascript
原生JavaScript实现贪吃蛇游戏
2020/11/04 Javascript
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
对python pandas 画移动平均线的方法详解
2018/11/28 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
numpy.random模块用法总结
2019/05/27 Python
python 消费 kafka 数据教程
2019/12/21 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
关于Pytorch MaxUnpool2d中size操作方式
2020/01/03 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
使用Python封装excel操作指南
2021/01/29 Python
美国知名眼镜网站:Target Optical
2020/04/04 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
大学老师推荐信
2014/02/25 职场文书
入职担保书范文
2014/05/21 职场文书
完美的中文自荐信
2014/05/24 职场文书
任命书怎么写
2014/06/04 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
融资合作协议书范本
2014/10/17 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
学术会议通知范文
2015/04/15 职场文书
2015年重阳节主持词
2015/07/04 职场文书
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS