Web前端面试题-实现今年倒计时功能
2017-03-04 15:07
344 查看
在网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示”XX年还剩XX天XX时XX分XX秒”
最终的效果如下
![](http://img.blog.csdn.net/20170304150819590)
参考答案如下:
<!DOCTYPEHTML> <html> <head> <meta http-equiv=”Content-Type”content=”text/html;charset=UTF-8”> <title>倒计时</title> </head> <body> <input type=”text” value=”” id=”input”size=”500”> </body> </html>
最终的效果如下
参考答案如下:
<script> //年还剩 var txt= document.getElementById("input"); setInterval(function () { //获取系统当前时间 var now = new Date(); //实例化今年跨年时间 var targDate = new Date(now.getFullYear() + 1, 0, 1); //跨年时间与此时此刻时间差(毫秒) var long = targDate - now; var leftDay = parseInt(long/ 1000 / 60 / 60 / 24); long = long % (1000 * 60 * 60 * 24); var leftHour =parseInt(long / 1000 / 60 / 60); long = long % (1000 * 60 * 60); var leftMinute = parseInt(long / 1000 / 60) ; long = long % (1000 * 60 ); var leftSeconde = parseInt(long / 1000); txt.value= now.getFullYear() +"年还剩" + leftDay + "天" +leftHour + "时"+leftMinute+"分"+leftSeconde+"秒"; }, 1000); </script>
相关文章推荐
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- Android倒计时功能的实现(一)CountDownTimer类
- jQuery基于扩展简单实现倒计时功能的方法
- js实现发送验证码后的倒计时功能
- JavaScript实现的商品抢购倒计时功能示例
- Android开发:验证码倒计时功能实现
- JavaScript实现倒计时跳转页面功能【实用】
- Android实现获取验证码的倒计时功能
- Android实现简单的倒计时功能
- OC - 使用GCD实现倒计时功能
- jQuery实现简单倒计时功能的方法
- android倒计时功能的实现(CountDownTimer)
- [笔记] PPT幻灯片也RIA——PPT实现倒计时功能
- 简单实现vue验证码60秒倒计时功能
- Android 倒计时功能的实现(CountDownTimer)
- Unity中使用协程实现倒计时功能
- 简单实现Android倒计时功能
- Android利用CountDownTimer实现倒计时功能 Android实现停留5s跳转到登录页面
- android倒计时功能的实现(CountDownTimer)
- 使用JS实现倒计时功能(http://www.cnblogs.com/doll-net)