JS实现倒计时
2017-04-17 15:07
120 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS实现倒计时(时、分,秒)</title> <script language="javascript" type="text/javascript"> var interval = 1000; function ShowCountDown(year,month,day,divname) { var now = new Date(); var endDate = new Date(year, month-1, day); var leftTime=endDate.getTime()-now.getTime(); var leftsecond = parseInt(leftTime/1000); var day1=Math.floor(leftsecond/(60*60*24)); var hour=Math.floor((leftsecond-day1*24*60*60)/3600); var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); var cc = document.getElementById(divname); cc.innerHTML = "脚本之家提示距离"+year+"年"+month+"月"+day+"日还有:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒"; } window.setInterval(function(){ShowCountDown(2010,4,20,'divdown1');}, interval); </script> </head> <body> <div id="divdown1"></div> </body> </html>
相关文章推荐
- js实现倒计时
- js+html5实现页面可刷新的倒计时效果
- js实现的倒计时操作
- js获取短信验证码倒计时重新发送的实现方法
- js实现倒计时及时间对象
- js实现100秒倒计时和简易时钟
- 简单的JS实现按钮触发倒计时功能
- PHP加JS实现商品秒杀倒计时
- js 实现5秒倒计时后跳转页面
- JS 实现倒计时数字时钟效果【附实例代码】
- js定时器实现倒计时效果
- js实现生日倒计时的代码一例
- js实现倒计时(天时分秒)
- js实现倒计时
- js实现的奥运倒计时时钟效果代码
- JS实现为控件添加倒计时功能
- js实现点击获取验证码倒计时效果
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转
- js实现倒计时效果(小于10补零)
- js实现网页自动刷新可制作节日倒计时效果