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

 更新时间:2017年01月25日 10:10:34   投稿:mrr  
这篇文章主要介绍了JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序,需要的朋友可以参考下

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

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 XML数据显示为HTML一例

    javascript XML数据显示为HTML一例

    通过Javascript把xml转换成html格式输出一列
    2008-12-12
  • js仿百度音乐全选操作

    js仿百度音乐全选操作

    这篇文章主要为大家详细介绍了js仿百度音乐全选操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • js实现简易垂直滚动条

    js实现简易垂直滚动条

    本文主要介绍了js实现简易垂直滚动条的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript中的类型检查

    JavaScript中的类型检查

    本文给大家介绍了JavaScript中的类型检查的一些知识点,整理的非常详细,推荐给大家,希望对大家学习JavaScript能够所帮助
    2020-02-02
  • JavaScript使用prototype原型实现的封装继承多态示例

    JavaScript使用prototype原型实现的封装继承多态示例

    这篇文章主要介绍了JavaScript使用prototype原型实现的封装继承多态,涉及javascript prototype与面向对象程序设计相关操作技巧,需要的朋友可以参考下
    2018-08-08
  • js使用Canvas将多张图片合并成一张的实现代码

    js使用Canvas将多张图片合并成一张的实现代码

    这篇文章主要介绍了js使用Canvas将多张图片合并成一张的实现代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • 使用js实现数据格式化

    使用js实现数据格式化

    这篇文章主要介绍了使用javascript实现数据格式化为字符串,非常的实用,这里推荐给有相同需求的小伙伴。
    2014-12-12
  • 原生javascript实现图片滚动、延时加载功能

    原生javascript实现图片滚动、延时加载功能

    这篇文章主要介绍了使用原生javascript实现图片滚动、延时加载功能,思路与方法均分享给大家,希望对大家能有所帮助。
    2015-01-01
  • JavaScript常见数组方法之如何转置矩阵

    JavaScript常见数组方法之如何转置矩阵

    这篇文章主要给大家介绍了关于JavaScript常见数组方法之如何转置矩阵的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • 详解webpack运行Babel教程

    详解webpack运行Babel教程

    这篇文章主要介绍了详解webpack运行Babel教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-06-06

最新评论