基于JS实现限时抢购倒计时间表代码
废话不多说了,直接给大家贴代码了,具体代码如下所示:
<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>
原文链接:http://11537662.blog.51cto.com/11527662/1922199
(资源库 www.zyku.net)
您可能感兴趣的文章
- 06-26highlightjs网页代码高亮插件调用方法
- 05-10JS - 获取文件后缀,判断文件类型(比如是否为图片格式)
- 05-10js中!和!!的区别与用法
- 05-10js实现文章目录索引导航(table of content)
- 05-10JS实现单张或多张图片持续无缝滚动的示例代码
- 05-10js根据后缀判断文件文件类型的代码
- 05-10JS端基于download.js实现图片、视频时直接下载而不是
- 04-02CentOS安装Nodejs教程
- 02-11JS操作剪贴板代码详解
- 01-04帝国CMS页面JS调用登录状态loginjs.php中获取会员头像
- 01-09点点英文儿歌-点点英文儿歌应用软件功
- 01-12戏剧效果滤镜app-戏剧效果滤镜app应用
- 01-14加班小时工-加班小时工应用软件功能介
- 08-142021微信七夕红包封面序列号领取汇总
- 02-20如何通过U盘安装Debian系统
- 01-11咖啡约车司机端-咖啡约车司机端应用软
- 01-08i武当-i武当应用软件功能介绍
- 11-08荣耀X30max怎么更换来电铃声
- 01-12蜜蜂抓娃娃-蜜蜂抓娃娃应用软件功能介
- 05-28sublime设置缩进空格的方法
最近更新
阅读排行
猜你喜欢
- 01-12青苹果影院app-青苹果影院app应用软件
- 02-21黑鲨4pro设置平板模式使用教程
- 01-11王牌扫描仪-王牌扫描仪应用软件功能介
- 01-12恋恋手账-恋恋手账应用软件功能介绍
- 10-19airpods左右耳音量如何调节一致
- 01-12北疆老兵-北疆老兵应用软件功能介绍
- 01-12留影-留影应用软件功能介绍
- 05-10java中构造器内部调用构造器实例详解
- 09-20国家反诈中心如何设置定时自检
- 09-20支付宝上行程记录查询方法介绍