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 相关文章推荐
文本链接逐个出现的js脚本
Dec 12 Javascript
关于flash遮盖div浮动层的解决方法
Jul 17 Javascript
关于js datetime的那点事
Nov 15 Javascript
JS将制定内容复制到剪切板示例代码
Feb 11 Javascript
jQuery实现统计复选框选中数量
Nov 24 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
Jan 15 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 Javascript
Vue2.0 ES6语法降级ES5的操作
Oct 30 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
解析thinkphp import 文件内容变量失效的问题
2013/06/20 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
laravel5.4生成验证码的实例讲解
2017/08/05 PHP
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
JavaScript 学习笔记二 字符串拼接
2010/03/28 Javascript
javascript模拟实现C# String.format函数功能代码
2013/11/25 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
javascript简单实现等比例缩小图片的方法
2016/07/27 Javascript
浅谈关于axios和session的一些事
2017/07/13 Javascript
Js中async/await的执行顺序详解
2017/09/22 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
python实现感知器算法详解
2017/12/19 Python
Python pymongo模块用法示例
2018/03/31 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
python中的split()函数和os.path.split()函数使用详解
2019/12/21 Python
Tensorflow 实现释放内存
2020/02/03 Python
tensorflow mnist 数据加载实现并画图效果
2020/02/05 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
python openCV自制绘画板
2020/10/27 Python
python+opencv实现车道线检测
2021/02/19 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
RentCars.com巴西:汽车租赁网站
2016/08/22 全球购物
什么是封装
2013/03/26 面试题
文秘专业个人求职信
2013/12/22 职场文书
文明风采获奖感言
2014/02/18 职场文书
实习单位评语
2014/04/26 职场文书
优秀求职信
2014/05/29 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
Python还能这么玩之只用30行代码从excel提取个人值班表
2021/06/05 Python
uniapp开发打包多端应用完整方法指南
2022/12/24 Javascript