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 打开窗口返回值实现代码
Mar 04 Javascript
Asp.net下使用Jquery Ajax传送和接收DataTable的代码
Sep 12 Javascript
Javascript中this的用法详解
Sep 22 Javascript
jQuery 插件开发指南
Nov 14 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
js和C# 时间日期格式转换的简单实例
May 28 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
Mar 09 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
node.js实现上传文件功能
Jul 15 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
JS的深浅复制详细
Oct 16 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的历史和优缺点
2006/10/09 PHP
php压缩多个CSS为一个css的代码并缓存
2011/04/21 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
php文件操作相关类实例
2015/06/18 PHP
php中namespace use用法实例分析
2016/01/22 PHP
js保留两位小数使用toFixed实现
2013/07/29 Javascript
Nodejs+express+html5 实现拖拽上传
2014/08/08 NodeJs
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
jquery中添加属性和删除属性
2015/06/03 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
vue 动态改变静态图片以及请求网络图片的实现方法
2018/02/07 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
三步实现ionic3点击退出app程序
2019/09/17 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
redux处理异步action解决方案
2020/03/22 Javascript
vue接口请求加密实例
2020/08/11 Javascript
详解JavaScript作用域、作用域链和闭包的用法
2020/09/03 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
python xpath获取页面注释的方法
2019/01/14 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
货代行业个人求职简历的自我评价
2013/10/22 职场文书
行政专员岗位职责
2014/01/02 职场文书
搞笑创意广告语
2014/03/17 职场文书
申论倡议书范文
2014/05/13 职场文书
销售工作决心书
2015/02/04 职场文书
个性发展自我评价2015
2015/03/09 职场文书
Python time库的时间时钟处理
2021/05/02 Python
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python