开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js动态显示当前时间年

要在网页中使用JavaScript动态显示当前的年份，可以使用JavaScript的Date对象来获取当前的年份，并将其显示在网页的指定位置。以下是一个完整的示例，包括HTML和JavaScript代码：

HTML部分

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>动态显示当前年份</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 50px;
        }
        #currentYear {
            font-size: 24px;
            color: #333;
        }
    </style>
</head>
<body>
    <div>
        &copy; <span id="currentYear">加载中...</span> 我的公司名称
    </div>

    <script src="script.js"></script>
</body>
</html>

JavaScript部分（script.js）

// 等待文档内容加载完成
document.addEventListener('DOMContentLoaded', function() {
    // 获取当前年份
    var currentYear = new Date().getFullYear();
    
    // 将年份显示在id为currentYear的元素中
    document.getElementById('currentYear').textContent = currentYear;
});

解释

HTML部分:
- 创建了一个基本的HTML结构，其中包含一个<span>元素，id为currentYear，用于显示当前的年份。
- 引入了外部的JavaScript文件script.js，该文件包含了获取和显示当前年份的逻辑。

JavaScript部分:
- 使用document.addEventListener('DOMContentLoaded', ...)确保在DOM完全加载后再执行脚本，避免因元素尚未加载而导致的错误。
- new Date().getFullYear()获取当前的年份。
- 使用document.getElementById('currentYear').textContent = currentYear;将获取到的年份赋值给HTML中的<span>元素，从而动态显示当前年份。

优势

实时更新: 每次用户访问页面时，年份都会自动更新为当前年份，无需手动更改。
简洁高效: 只需几行JavaScript代码即可实现，易于维护和扩展。
用户体验: 提高网站的专业性，避免因年份未更新而给用户带来困惑。

应用场景

版权声明: 常用于网站的底部版权信息，如“© 2023 我的公司名称”。
动态内容展示: 在需要显示动态时间信息的页面中，如新闻发布时间、活动截止日期等。

可能遇到的问题及解决方法

年份未更新:
- 确保JavaScript代码正确加载并且没有语法错误。
- 检查浏览器控制台是否有相关的错误信息。
- 确认<span>元素的id与JavaScript中使用的id一致。

页面加载时显示“加载中...”:
- 这是正常现象，因为JavaScript在加载和执行前，<span>元素的内容是预设的“加载中...”。
- 一旦JavaScript执行，内容会被替换为当前年份。

通过上述方法，您可以轻松地在网页中动态显示当前的年份，并确保其在每次访问时都能自动更新。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

利用jquery实现当前时间动态显示

javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="https://cdn.bootcss.com/canvas-nest.js.../1.0.1/canvas-nest.min.js"> ?

2.6K1 0

JS显示当前时间

("0" + d.getSeconds()) : d.getSeconds(); var now = year + "年" + month + "月" + date + "日

27.7K3 0

js获取现在时间_js中如何动态显示日期时间

js可以通过Date对象获取当前日期和时间，使用Date()获取系统当前时间，在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间，...首先我们来了解一下js获取当前时间所需的一些方法：获取当前时间： var d = new Date();//获取系统当前时间获取特定格式的时间： 1、获取当前年份 getYear()方法：可以获取年份...: 20px; } 當前時間：年 JS时间 <...date.getSeconds(); vWeek_s = date.getDay(); document.getElementById("time").innerHTML = year + "年"

26.2K2 0

js获取当前系统时间

记录用到的js获取当前年,月,日,时分秒,季度,星期几,以后就不用再百度查了 var date = new Date(); var month = date.getMonth() + 1;//...(); //获取当前星期X(0-6,0代表星期天) date.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) date.getHours(); //获取当前小时数(0-23)...(0-999) date.oLocaleDateString(); //获取当前日期 date.toLocaleTimeString(); //获取当前时间 date.toLocaleString( )...; //获取日期与时间 Math.floor( ( month % 3 == 0 ?...( month / 3 ) : ( month / 3 + 1 ) ) );//当前季度 date.now();//当前时间戳 date.parse(new Date());//获取的时间戳是把毫秒改成

21.8K3 0

js获取当前时间的方法_c获取当前时间毫秒

1.获取时间 var date = new Date(); var year = date.getFullYear(); // 返回的是年份 var month = date.getMonth...但是周日是0 var arr = [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六",]; console.log("今天是" + year + "年"

21.3K2 2

js获取当前时间标准格式_js获取当前时间年月日并输出

/** * 获取当前时间格式:yyyy-MM-dd HH:MM:SS */ function getCurrentTime() { var date = new Date();//当前时间...minute = zeroFill(date.getMinutes());//分 var second = zeroFill(date.getSeconds());//秒 //当前时间

14.6K2 0

js如何获取计算机当前时间,js获取当前系统时间实例代码

mydate.tolocalestring( ); //获取日期与时间例1，js获取当前时间 js中日期操作：复制代码代码示例: var mydate = new date(); mydate.getyear...(); //获取当前日期 var mytime=mydate.tolocaletimestring(); //获取当前时间 mydate.tolocalestring( ); //获取日期与时间例2，...获取想要的时间：复制代码代码示例: /*获取当前时间及当前时间加n分钟后的时间*/ function curenttime(addtime) { var now = new date(); var...year = now.getfullyear(); //年 var month = now.getmonth() + 1; //月 var day = now.getdate(); //日 var...，js中同样有提供，上面的gettime()算一种。

17.1K4 0

js获取当前时间（特定的时间格式）

在一个程序中需要对用户的操作进行记录，记录其操作信息，需要对操作进行归类，有时候用户的操作是重复性的操作，那对于重复的操作，也是要区分的，方便查找，可以通过设置类似GUID的唯一值，也可以获取当前的操作时间来区分...，因为时间也是唯一的，在任何时候时间都不会出现重复，当然可以获取就可以设置，所以您也可以人为的去设置/修改操作时间。...Date日期对象中获取/设置时间的方法：（1）getDate()/setDate /设置日期（具体的那一天）。...（8）getTime()/setTime 获取/设置时间（毫秒为单位）。（9）getDay 获取当前星期（0~6）——0代表星期日 6代表星期六。...这些方法获取时间根据设备来获取的，设备不同获取的时间格式可能不同，设置获取特定的时间日期刚格式：“yyyy-MM-dd HH:MMM:SS”。

15.1K1 0

Js获取系统当前时间展示

获取当前显示的日期 2019-10-14 09：18 星期一 setInterval(function () { var dateTime = new Date();

13.9K3 0

JS获取当前年份_js获取当前时间年月日

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内...

23K2 0

HTML+JS动态获取当前时间

HTML+JS动态获取当前时间效果图： ?...说明： JavaScript 中 Date 对象创建 Date 对象的语法： var myDate=new Date() 常用 Date 对象方法：方法描述 Date() 返回当日的日期和时间...DOCTYPE html> Html+js获取当前时间 <style type="text...window.requestAnimationFrame(getDate) },1000/2) var d=new Date(); var year=d.getFullYear() //获取年...星期一","星期二","星期三","星期四","星期五","星期六") var Tools=document.getElementById("Main") var da=year+" 年

10.9K1 0

js获取当前日期时间戳

获取当前日期的时间戳函数以及获取当前日期的函数 //js获取当前时间 function getNowDate() { var myDate = new Date; var year =...myDate.getFullYear(); //获取当前年 var mon = myDate.getMonth() + 1; //获取当前月 if(mon<10){ mon...="0"+mon; } var date = myDate.getDate(); //获取当前日 if(date<10){ date="0"+date;...} var hours = myDate.getHours(); //获取当前小时 if(hours<10){ hours="0"+hours; } var...year + "-" + mon + "-" + date + " " + hours + ":" + minutes + ":" + seconds; return now; } //获取当前时间戳

18.6K18 0

JS获取当前系统时间戳的方法

DOCTYPE HTML> JS获取当前时间戳的方法 js..."> js/bootstrap.min.js"...DOCTYPE HTML> JS获取当前时间戳的方法 js/bootstrap.min.js"

11K4 0

JS获取当前系统时间戳的方法

DOCTYPE HTML> JS获取当前时间戳的方法 js..."> js/bootstrap.min.js"...DOCTYPE HTML> JS获取当前时间戳的方法 js/bootstrap.min.js"

10.5K1 0

前端如何获取当前时间_js 获取年份

前端js获取当前时间的方法： var time = new Date(); time.getYear(); //获取当前年份 time.getFullYear(); //获取完整的年份(4位,1970...time.getMonth(); //获取当前月份(0-11,0代表1月) time.getDate(); //获取当前日(1-31) time.getDay(); //获取当前星期X(0-6,0代表星期天...) time.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) time.getHours(); //获取当前小时数(0-23) time.getMinutes(); //...获取当前分钟数(0-59) time.getSeconds(); //获取当前秒数(0-59) time.getMilliseconds(); //获取当前毫秒数(0-999) time.toLocaleDateString...(); //获取当前日期 var mytime=time.toLocaleTimeString(); //获取当前时间 time.toLocaleString( ); //获取日期与时间为了让大家有一个更感官的了解

34.1K2 0

JS获取当前时间（精确到秒）「建议收藏」

js获取当前日期 currentDate(){ var d = new Date(); var year = d.getFullYear();

7.5K6 0

js获取当前时间的前一个月时间

getMonth() { const end = new Date(); const start = new Date(...

5.2K2 0

java当前时间的时间戳_java获取时间戳和当前时间

java中的时间戳是毫秒为单位，13位；unix的时间戳是秒，10位一、java中获取时间戳 //方法一 System.currentTimeMillis(); //方法二 Calendar.getInstance

8.6K1 0

js实现HTML页面时钟动态显示

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>T...

7.7K3 0

java当前时间的时间戳_java获取当前时间（时间戳）的方法

获取当前时间戳(毫秒级) //方法一 System.currentTimeMillis(); //方法二 Calendar.getInstance().getTimeInMillis(); //方法...三 new Date().getTime(); 获取当前时间 SimpleDateFormat df = new SimpleDateFormat(“yyyy-MM-dd HH:mm:ss”);//设置日期格式...String date = df.format(new Date());// new Date()为获取当前系统时间，也可使用当前时间戳获取时间戳三种方法效率对比 import java.util.Calendar...} } 执行结果： 133 2372 137 Calendar.getInstance().getTimeInMillis() 这种方式速度最慢，这是因为Canlendar要处理时区问题会耗费较多的时间

8.8K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭