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 常用关键字列表集合
Dec 04 Javascript
javascript 打印页面代码
Mar 24 Javascript
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
jQuery实现商品活动倒计时
Oct 16 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
清除js缓存的多种方法总结
Dec 09 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
Mar 29 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
微信小程序中使用echarts的实现方法
Apr 24 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备份/还原MySQL数据库的代码
2011/01/06 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
一个图片地址分解程序(用于PHP小偷程序)
2014/08/23 PHP
避免Smarty与CSS语法冲突的方法
2015/03/02 PHP
JavaScript语句可以不以;结尾的烦恼
2007/03/08 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
2013/02/01 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
2015/05/03 Javascript
js+html5绘制图片到canvas的方法
2015/06/05 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
Angular 作用域scope的具体使用
2017/12/11 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
微信小程序拍照和摄像功能实现方法示例
2019/02/01 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
[01:32]TI奖金增速竟因它再创新高!DOTA2勇士令状不朽珍藏Ⅰ饰品欣赏
2018/05/18 DOTA
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
python 判断是否为正小数和正整数的实例
2017/07/23 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
Django REST 异常处理详解
2020/07/15 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
函授本科毕业生自我鉴定
2013/10/16 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
营业员演讲稿
2013/12/30 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
产品销售计划书
2014/05/04 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
家长会欢迎词
2015/01/23 职场文书
个人收入证明范本
2015/06/12 职场文书
信息技术远程培训心得体会
2016/01/09 职场文书
Python 详解通过Scrapy框架实现爬取CSDN全站热榜标题热词流程
2021/11/11 Python
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers