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判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
js实现DOM走马灯特效的方法
Jan 21 Javascript
JavaScript生成SQL查询表单的方法
Aug 13 Javascript
图解js图片轮播效果
Dec 20 Javascript
Javascript获取随机数的实现方法
Jun 22 Javascript
深入分析javascript中console命令
Aug 14 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
使用JS和canvas实现gif动图的停止和播放代码
Sep 01 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
JS实现页面侧边栏效果探究
Jan 08 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/08/08 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
js DOM的学习笔记
2011/12/22 Javascript
jquery提取元素里的纯文本不包含span等里的内容
2013/09/30 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
非常实用的js验证框架实现源码 附原理方法
2016/06/08 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
学习vue.js表单控件绑定操作
2016/12/05 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
python调用接口的4种方式代码实例
2019/11/19 Python
python绘制随机网络图形示例
2019/11/21 Python
python支持多线程的爬虫实例
2019/12/21 Python
为什么python比较流行
2020/06/19 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
Web前端页面跳转并取到值
2017/04/24 HTML / CSS
行政文秘岗位职责范本
2014/02/10 职场文书
感恩之星事迹材料
2014/05/03 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
筑梦中国心得体会
2016/01/18 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
入党申请书怎么写?
2019/06/21 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python