当前位置: 首页 > article >正文

网页制作16-Javascipt时间特效の设置D-DAY倒计时

01、效果图

02、应用

  1. new Date()//返回今天日期

  2. new Date("April 1,2025")//返回目标日期

  3.  document.write()//文档显示

  4. getTime()返回当日毫秒数

  5.  Math.floor(amadays / (1000 * 60 * 60 * 24)//把毫秒换算天

03、代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
 <script> 
  var aim= new Date("April 1,2025"); 
  var aimday="愚人节"; 
  var today = new Date(); 
  var amadays = aim.getTime() - today.getTime(); 
  var remain = Math.floor(amadays / (1000 * 60 * 60 * 24)); //把毫秒换算天
  if (remain >= 0) ;
document.write("现在离2025年"+aimday+"还有: <font color=red><b>"+remain +"</b></font>天"+"<br>");
	 
	 document.write(aim+"<br>");//返回目标日期
	 document.write(today+"<br>");//返回今天日期
	  document.write( aim.getTime()+"<br>");//返回目标日期毫秒数
	 document.write(today.getTime()+"<br>");//返回当日毫秒树木数 document.write(amadays+"<br>");
	document.write(remain+"<br>");//返回今日与目标日的差值
</script>
<body>
</body>
</html>

原文地址:https://blog.csdn.net/Ama_tor/article/details/146304012
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/588661.html

相关文章:

  • 【Node.js入门笔记5---fs文件信息与元数据】
  • 项目经历-笔记
  • perl的package中“Subroutine new redefined”问题
  • (六)Spring Boot学习——spring security做基于方法的认证
  • IMX6ULL学习整理篇——UBoot的一些基础知识(1.编译流程)
  • 使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统
  • 电机控制常见面试问题(十一)
  • 【CSS】一、基础选择器
  • 蓝桥杯好题推荐---激光炸弹
  • 【蓝桥杯每日一题】3.16
  • 【Agent】OpenManus 项目架构分析
  • 技术栈分享之----Swagger
  • 专题|Python贝叶斯金融数据应用实例合集:随机波动率SV模型、逻辑回归、参数更新、绩效比较BEST分析亚马逊股票、普尔指数...
  • 思维训练让你更高、更强 |【逻辑思维能力】「刷题训练笔记」假设法模式逻辑训练题(6-16)
  • JVM常用概念之即时常量
  • Bash语言的智能家居
  • airtest用法
  • 网络VLAN技术详解:原理、类型与实战配置
  • 重生之我在学Vue--第16天 Vue 3 插件开发
  • Django中的查询条件封装总结