JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序


Posted in Javascript onJanuary 25, 2017

看到网上这个程序 发现了处错误这里改正了一下:

function counter() { 
  var date = new Date(); 
  var year = date.getFullYear(); 
  var date2 = new Date(year, 11, 30, 23, 59, 59); 
  /*转换成秒*/ 
  var time = (date2 - date) / 1000; 
  var day = Math.floor(time / (24 * 60 * 60)) 
  var hour = Math.floor(time % (24 * 60 * 60) / (60 * 60)) 
  var minute = Math.floor(time % (24 * 60 * 60) % (60 * 60) / 60); 
  var second = Math.floor(time % (24 * 60 * 60) % (60 * 60) % 60); 
  var str = year + "年还剩" + day + "天" + hour + "时" + minute + "分" + second + "秒"; 
  console.log(str); 
} 
window.setInterval("counter()", 1000);

这是我自己写的

var oDateNow = new Date();
var oYear = oDateNow.getFullYear();
var oDateEnd = new Date();
oDateEnd.setFullYear(oYear+1);
oDateEnd.setMonth(0);
oDateEnd.setDate(0);
oDateEnd.setHours(0);
oDateEnd.setMinutes(0);
oDateEnd.setSeconds(0);
function upDate(){
var oDateNow = new Date();
var iTime = oDateEnd.getTime()-oDateNow.getTime();
var iRemain = iTime/1000;
var iDay=parseInt(iRemain/86400);
iRemain%=86400;
var iHour=parseInt(iRemain/3600);
iRemain%=3600;
var iMin=parseInt(iRemain/60);
iRemain%=60;
var iSec=parseInt(iRemain);
document.write(oYear+"年还剩"+iDay+"天"+iHour+"时"+iMin+"分"+iSec+"秒");
}
setInterval(function(){ upDate() },1000);

这两个方法的秒数有出处

以上所述是小编给大家介绍的JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
accesskey 提交
Jun 26 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
jQueryUI的Dialog的简单封装
Jun 07 Javascript
JavaScript格式化数字的函数代码
Nov 30 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
Angular2学习笔记——详解路由器模型(Router)
Dec 02 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
JS中正则表达式全局匹配模式 /g用法详解
Apr 01 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
element-ui中Table表格省市区合并单元格的方法实现
Aug 07 Javascript
Element中Slider滑块的具体使用
Jul 29 Javascript
js中Object.create实例用法详解
Oct 05 Javascript
js实现文字选中分享功能
Jan 25 #Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 #Javascript
jquery实现拖动效果(代码分享)
Jan 25 #Javascript
angular forEach方法遍历源码解读
Jan 25 #Javascript
three.js实现围绕某物体旋转
Jan 25 #Javascript
基于Marquee.js插件实现的跑马灯效果示例
Jan 25 #Javascript
angular和BootStrap3实现购物车功能
Jan 25 #Javascript
You might like
VIM中设置php自动缩进为4个空格的方法详解
2013/06/14 PHP
PHP实现通过get方式识别用户发送邮件的方法
2015/07/16 PHP
PHP创建word文档的方法(平台无关)
2016/03/29 PHP
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
a标签的href和onclick 的事件的区别介绍
2013/07/26 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
JavaScript实现带播放列表的音乐播放器实例分享
2016/03/07 Javascript
JavaScript学习笔记之创建对象
2016/03/25 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
[58:12]Ti4第二日主赛事败者组 LGD vs iG 3
2014/07/21 DOTA
Python 控制终端输出文字的实例
2019/07/12 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
python设置表格边框的具体方法
2020/07/17 Python
CSS3 transforms应用于背景图像的解决方法
2019/04/16 HTML / CSS
在家更换处方镜片:Lensabl
2019/05/01 全球购物
英国网上超市:Ocado
2020/03/05 全球购物
微观物理专业自荐信
2014/01/26 职场文书
《小松树和大松树》教学反思
2014/02/20 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
委托书范本
2014/09/13 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
催款函范本大全
2015/06/24 职场文书
三十年同学聚会感言
2015/07/30 职场文书
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python
如何利用Python实现一个论文降重工具
2021/07/09 Python
HDFS免重启挂载新磁盘
2022/04/06 Servers