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 相关文章推荐
javascript每日必学之继承
Feb 23 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
Feb 20 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
vue 动态修改a标签的样式的方法
Jan 18 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
js重写alert事件(避免alert弹框标题出现网址)
Dec 04 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
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
php+mysql结合Ajax实现点赞功能完整实例
2015/01/30 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
SyntaxHighlighter代码加色使用方法
2008/09/07 Javascript
让你的网站可编辑的实现js代码
2009/10/19 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
2013/06/06 Javascript
Javscript调用iframe框架页面中函数的方法
2014/11/01 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
JavaScript中Cookie操作实例
2015/01/09 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
微信小程序实现图片压缩功能
2018/01/26 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
2019/08/29 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
跟老齐学Python之复习if语句
2014/10/02 Python
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
简单实现python画圆功能
2018/01/25 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
Selenium python时间控件输入问题解决方案
2020/07/22 Python
pytorch学习教程之自定义数据集
2020/11/10 Python
澳大利亚最大的在线美发和美容零售商之一:My Hair Care & Beauty
2019/08/24 全球购物
如何唤起类中的一个方法
2013/11/29 面试题
煤矿机修工岗位职责
2014/02/07 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
电工技术比武方案
2014/05/11 职场文书
我的中国梦演讲稿高中篇
2014/08/19 职场文书
干部对照检查材料范文
2014/08/26 职场文书
化工见习报告范文
2014/10/31 职场文书
综合素质评价个性与发展自我评价
2015/03/06 职场文书