基于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 相关文章推荐
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
Apr 28 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
Feb 27 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
详解Vue-cli 创建的项目如何跨域请求
May 18 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
vue 组件的封装之基于axios的ajax请求方法
Aug 11 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
JavaScript中的Proxy对象
Nov 27 Javascript
AJAX检测用户名是否存在的方法
Mar 24 Javascript
JavaScript实现班级抽签小程序
May 19 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
基础的WordPress插件制作教程
2015/11/24 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
Jquery解析json数据详解
2013/12/26 Javascript
jQuery中document与window以及load与ready 区别详解
2014/12/29 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
利用Angularjs实现幻灯片效果
2016/09/07 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
js图片延迟加载(Lazyload)三种实现方式
2017/03/01 Javascript
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
基于JavaScript实现一个简单的Vue
2018/09/26 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
react高阶组件添加和删除props
2019/04/26 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
Python异常处理操作实例详解
2018/08/28 Python
Python随机生成身份证号码及校验功能
2018/12/04 Python
Python计算库numpy进行方差/标准方差/样本标准方差/协方差的计算
2018/12/28 Python
深入了解和应用Python 装饰器 @decorator
2019/04/02 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
Python的log日志功能及设置方法
2019/07/11 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
django 使用 PIL 压缩图片的例子
2019/08/16 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
韩都衣舍天猫官方旗舰店:天猫女装销售总冠军
2017/10/10 全球购物
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
机电专业毕业生推荐信
2013/11/10 职场文书
服装发布会策划方案
2014/05/22 职场文书
宾馆仓管员岗位职责
2014/07/27 职场文书
小学领导班子对照材料
2014/08/23 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书