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 相关文章推荐
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
JavaScript 学习技巧
Feb 17 Javascript
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
详解React 的几种条件渲染以及选择
Oct 23 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
vue-router为激活的路由设置样式操作
Jul 18 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中的数组操作函数整理
2008/08/18 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
Display SQL Server Version Information
2007/06/21 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
jquery select插件异步实时搜索实例代码
2017/10/20 jQuery
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
基于 Vue.js 之 iView UI 框架非工程化实践记录(推荐)
2017/11/21 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
JS尾递归的实现方法及代码优化技巧
2019/01/19 Javascript
JavaScript变速动画函数封装添加任意多个属性
2019/04/03 Javascript
vue实现pdf文档在线预览功能
2019/11/26 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
python 文件与目录操作
2008/12/24 Python
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
wxpython 最小化到托盘与欢迎图片的实现方法
2014/06/09 Python
简单介绍Python中的readline()方法的使用
2015/05/24 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
python逆序打印各位数字的方法
2018/06/25 Python
如何基于python生成list的所有的子集
2019/11/11 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
商业计算机应用专业自荐书
2014/06/09 职场文书
数学教研活动总结
2014/07/02 职场文书
做一个有道德的人活动实施方案
2014/08/23 职场文书
党支部党的群众路线对照检查材料
2014/09/24 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
2015年五一劳动节演讲稿
2015/03/18 职场文书
公安忠诚教育心得体会
2016/01/23 职场文书
Python实现双向链表
2022/05/25 Python
Hive常用日期格式转换语法
2022/06/25 数据库