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 网页中实现一个计算当年还剩多少时间的倒数计时程序,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js原生瀑布流插件制作

    js原生瀑布流插件制作

    这篇文章主要为大家详细介绍了js原生瀑布流插件制作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • JavaScript实现左侧菜单效果

    JavaScript实现左侧菜单效果

    这篇文章主要为大家详细介绍了JavaScript实现左侧菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • js实现的标题栏新消息闪烁提示效果

    js实现的标题栏新消息闪烁提示效果

    这篇文章主要介绍了js实现的标题栏新消息闪烁提示效果,一些大型网站也会经常用到这个效果,需要的朋友可以参考下
    2014-06-06
  • 微信小程序实现手写签名(签字版)

    微信小程序实现手写签名(签字版)

    这篇文章主要为大家详细介绍了微信小程序实现手写签名,签字版,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • javascript面向对象三大特征之多态实例详解

    javascript面向对象三大特征之多态实例详解

    这篇文章主要介绍了javascript面向对象三大特征之多态,结合实例形式详细分析了javascript面向对象程序设计中多态的概念、原理,并结合实例形式总结了多态的实现方法与使用技巧,需要的朋友可以参考下
    2019-07-07
  • 原生JS实现自定义滚动条效果

    原生JS实现自定义滚动条效果

    这篇文章主要为大家详细介绍了原生JS实现自定义滚动条效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 微信小程序 select 下拉框组件功能

    微信小程序 select 下拉框组件功能

    这篇文章主要介绍了微信小程序 select 下拉框组件功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • js事件委托和事件代理案例分享

    js事件委托和事件代理案例分享

    这篇文章主要为大家分享了js事件委托和事件代理案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • three.js快速入门【推荐】

    three.js快速入门【推荐】

    本文主要介绍了three.js的基础知识。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • js中的事件捕捉模型与冒泡模型实例分析

    js中的事件捕捉模型与冒泡模型实例分析

    这篇文章主要介绍了js中的事件捕捉模型与冒泡模型,实例分析了js事件的执行顺序与冒泡模型的原理,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01

最新评论