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 相关文章推荐
lib.utf.js
Aug 21 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
深入浅析Node环境和浏览器的区别
Aug 14 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
JS实现换肤功能的方法实例详解
Jan 30 Javascript
vue+element UI实现树形表格带复选框的示例代码
Apr 16 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
javascript随机变色实例代码
Oct 15 Javascript
JSON 入门教程基础篇 json入门学习笔记
Sep 22 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
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP实现数组向任意位置插入,删除,替换数据操作示例
2019/04/05 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
filemanage功能中用到的common.js
2007/04/08 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
用jquery统计子菜单的条数示例代码
2013/10/18 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
Javascript获取当前时间函数和时间操作小结
2014/10/01 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
bootstrap导航条实现代码
2016/12/28 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
用JS实现一个简单的打砖块游戏
2019/12/11 Javascript
微信小程序实现搜索框功能及踩过的坑
2020/06/19 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
Python中SOAP项目的介绍及其在web开发中的应用
2015/04/14 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
Django卸载之后重新安装的方法
2017/03/15 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
PyQt5实现简易计算器
2020/05/30 Python
Python 实现敏感目录扫描的示例代码
2020/05/21 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
python让函数不返回结果的方法
2020/06/22 Python
Python+unittest+requests 接口自动化测试框架搭建教程
2020/10/09 Python
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
2013年入党人员的自我鉴定
2013/10/25 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
入学申请自荐信范文
2014/02/26 职场文书
企业文化标语口号
2014/06/09 职场文书
趣味运动会广播稿
2014/09/13 职场文书
入党积极分子对十八届四中全会期盼的思想汇报
2014/10/17 职场文书
毕业论文致谢怎么写
2015/05/14 职场文书