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 精粹读书笔记(1,2)
Feb 07 Javascript
JavaScript实现三阶幻方算法谜题解答
Dec 29 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
May 03 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
Jul 08 jQuery
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
通过实例了解js函数中参数的传递
Jun 15 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
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教程 插件机制在PHP中实现方案
2012/11/02 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
PHP二维数组去重实例分析
2016/11/18 PHP
php5.6.x到php7.0.x特性小结
2019/08/17 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
javascript 自动转到命名锚记
2009/01/10 Javascript
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
vue router学习之动态路由和嵌套路由详解
2017/09/21 Javascript
环形加载进度条封装(Vue插件版和原生js版)
2019/12/04 Javascript
node.js中module模块的功能理解与用法实例分析
2020/02/14 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
python使用itchat库实现微信机器人(好友聊天、群聊天)
2018/01/04 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
python 画条形图(柱状图)实例
2020/04/24 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
意大利团购网站:Groupon意大利
2016/10/11 全球购物
技校生自我鉴定
2013/12/08 职场文书
报告会主持词
2014/04/02 职场文书
2014报到证办理个人委托书
2014/10/08 职场文书
关于召开会议的通知
2015/04/15 职场文书
运动会闭幕式通讯稿
2015/07/18 职场文书
python用tkinter开发的扫雷游戏
2021/06/01 Python
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL