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 键盘事件的几个基本方法
Oct 30 Javascript
JS调用页面表格导出excel示例代码
Mar 18 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
jQuery侧边栏实现代码
May 06 Javascript
浅谈JavaScript 浏览器对象
Jun 03 Javascript
Bootstrap页面标题Page Header的实现方法
Mar 22 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
Apr 22 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
关于AngularJS中几种Providers的区别总结
May 17 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下使用SMTP发邮件的代码
2008/01/10 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
PHP微商城开源代码实例
2019/03/27 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
获取客户端电脑日期时间js代码(jquery)
2012/09/12 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
react开发教程之React 组件之间的通信方式
2017/08/12 Javascript
编写React组件项目实践分析
2018/03/04 Javascript
Express本地测试HTTPS的示例代码
2018/06/06 Javascript
Nodejs实现的操作MongoDB数据库功能完整示例
2019/02/02 NodeJs
vue中使用百度脑图kityminder-core二次开发的实现
2019/09/26 Javascript
jQuery 动态粒子效果示例代码
2020/07/07 jQuery
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
Python中的取模运算方法
2018/11/10 Python
Python将json文件写入ES数据库的方法
2019/04/10 Python
Django 迁移、操作数据库的方法
2019/08/02 Python
Python内置加密模块用法解析
2019/11/25 Python
Pycharm连接远程服务器过程图解
2020/04/30 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
家长会学生家长演讲稿
2013/12/29 职场文书
带刀到教室的检讨书
2014/10/04 职场文书
golang goroutine顺序输出方式
2021/04/29 Golang
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
python中的plt.cm.Paired用法说明
2021/05/31 Python
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
Python 中的Sympy详细使用
2021/08/07 Python
Vue2.0搭建脚手架
2022/03/13 Vue.js
MySQL创建管理RANGE分区
2022/04/13 MySQL