基于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 写类方式之二
Jul 05 Javascript
javascript iframe内的函数调用实现方法
Jul 19 Javascript
使用dynatrace-ajax跟踪JavaScript的性能
Apr 12 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
详解jQuery停止动画——stop()方法的使用
Dec 14 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
Chrome调试折腾记之JS断点调试技巧
Sep 11 Javascript
JS实现用特殊符号替换字符串的中间部分区域的实例代码
Jul 24 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 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 获取本地IP代码
2013/06/23 PHP
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
Codeigniter检测表单post数据的方法
2015/03/21 PHP
php生成图片验证码
2015/06/09 PHP
总结PHP删除字符串最后一个字符的三种方法
2016/08/30 PHP
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
js Flash插入函数免激活代码
2009/03/31 Javascript
jquery鼠标停止移动事件
2013/12/21 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
2014/04/22 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
Jquery实现遮罩层的方法
2015/06/08 Javascript
JavaScript中setUTCMilliseconds()方法的使用详解
2015/06/12 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
js实现用户输入的小写字母自动转大写字母的方法
2017/01/21 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
JS canvas实现画板和签字板功能
2021/02/23 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
[00:12]DAC SOLO赛卫冕冠军 VG.Paparazi灬展现SOLO技巧
2018/04/06 DOTA
python3实现随机数
2018/06/25 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
python and or用法详解
2019/06/26 Python
Django 使用easy_thumbnails压缩上传的图片方法
2019/07/26 Python
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
5s标语大全
2014/06/23 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
高一化学教学反思
2016/02/22 职场文书
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python