javascript实现倒计时程序
2016-03-02 15:34
645 查看
最近在网上看到一道这样的面试题:
题: 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“××年还剩××天××时××分××秒”?
我实现了,发现挺有意思,下面把我的代码贴出来
题: 网页中实现一个计算当年还剩多少时间的倒数计时程序,要求网页上实时动态显示“××年还剩××天××时××分××秒”?
我实现了,发现挺有意思,下面把我的代码贴出来
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <script type="text/javascript"> function dayBetween(){ var today = new Date(); var enday = new Date(2016,11,31,0,0,0,0); //或 new Date("2016/12/31 0:0:0"); var between = enday-today; // console.log("between"+between+"\n"); var sec = Math.floor(between/1000); var day = Math.floor((Math.floor((Math.floor(sec/60))/60))/24); var hours = (Math.floor((Math.floor(sec/60))/60))%24; var minutes = (Math.floor(sec/60))%60 ; var seconds = sec%60; // console.log("result:"+day+"天"+hours+"时"+minutes+"分"+seconds+"秒"); var t = document.getElementById("time"); t.innerHTML = "离2016年12月31日0点还剩:"+"<b>"+day+"天"+hours+"时"+minutes+"分"+seconds+"秒"+"</b>"; } window.onload = function(){ setInterval(dayBetween,1000); }; </script> </head> <body> <p id="time"></p> </body> </html>
相关文章推荐
- js中有趣的闭包(closure)
- JSPatch 常见问题
- JS 筛选出1-100间的素数
- CEF JS与browser进程间的异步通信
- 常用JS脚本
- HTML5的兼容问题以及调用js文件的方法
- Extjs下拉列表树形图
- java和JavaScript 正则区别
- 编写高质量JavaScript代码的基本要点
- JS基础(一)
- JavaScript 的原型对象 Prototype
- JS获取当前脚本文件的绝对路径
- JS核心知识点:DOM\BOM\EVENT
- 10个应该避免的ExtJS开发实践
- JS"类"中方法的互相调用
- JS判断字符串长度的5个方法
- WebSocket的JavaScript例子
- javascript 高级程序设计 二
- Json相关
- 浅谈JS原型对象和原型链