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 相关文章推荐
Prototype Number对象 学习
Jul 19 Javascript
jquery 应用代码 方便的排序功能
Feb 06 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
javascript学习笔记(六)数据类型和JSON格式
Oct 08 Javascript
学习JavaScript设计模式之迭代器模式
Jan 19 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
基于node.js依赖express解析post请求四种数据格式
Feb 13 Javascript
iview table render集成switch开关的实例
Mar 14 Javascript
微信小程序简单的canvas裁剪图片功能详解
Jul 12 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 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做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
jQuery+css实现的时钟效果(兼容各浏览器)
2016/01/27 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
基于jQuery实现仿百度首页选项卡切换效果
2016/05/29 Javascript
微信小程序 教程之小程序配置
2016/10/17 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
Python高效编程技巧
2013/01/07 Python
python网络编程之UDP通信实例(含服务器端、客户端、UDP广播例子)
2014/04/25 Python
python中range()与xrange()用法分析
2016/09/21 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
python 获取sqlite3数据库的表名和表字段名的实例
2019/07/17 Python
python实现两个文件夹的同步
2019/08/29 Python
Python爬取阿拉丁统计信息过程图解
2020/05/12 Python
python能开发游戏吗
2020/06/11 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
企业统计员岗位职责
2013/12/13 职场文书
初中生物教学反思
2014/01/10 职场文书
办理护照介绍信
2014/01/16 职场文书
通知的写法
2015/04/23 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python
python内置模块之上下文管理contextlib
2022/06/14 Python
Vite + React从零开始搭建一个开源组件库
2022/06/25 Javascript