js实现每隔一秒刷新时间实例教程
本文主要为大家带来一篇用js实现每隔一秒刷新时间的实例(含年月日时分秒)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
原理：使用定时器,即setInterval(fn,i),每隔i秒执行fn。
下面给出具体的代码
1.代码如下：
<span style="font-size:14px;"><!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>用js实现每隔一秒刷新时间(含年月日时分秒)</title>
<style>
#time{background:#33F;
color:white;
height:30px;
line-height:30px;
padding:20px;
font-size:18px;
width:400px;
text-align:center;
margin:0 auto;
margin-top:200px;}
</style>
</head>
<body>
<p id="time"></p>
<script type="text/javascript">
setInterval(function(){
var time=new Date();
var year=time.getFullYear(); //获取年份
var month=time.getMonth()+1; //获取月份
var day=time.getDate(); //获取日期
var hour=checkTime(time.getHours()); //获取时
var minite=checkTime(time.getMinutes()); //获取分
var second=checkTime(time.getSeconds()); //获取秒
/****当时、分、秒、小于10时，则添加0****/
function checkTime(i){
if(i<10) return "0"+i;
return i;
}
var box=document.getElementById("time");
box.innerHTML=year+"年"+month+"月"+day+"日 "+hour+":"+minite+":"+second;
},1000); //setInterval(fn,i) 定时器，每隔i秒执行fn
</script>
</body>
</html></span><span style="font-size:32px;">
</span>2.效果图：
相关推荐：
以上是js实现每隔一秒刷新时间实例教程的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
在 iPhone 上刷新网页的 6 种方法
Feb 05, 2024 pm 02:00 PM
当您在iPhone上浏览网页时，加载的内容会暂时存储，只要浏览器应用保持打开状态。然而，网站会定期更新内容，因此刷新页面是清除旧数据并查看最新发布内容的有效方式。这样，您可以始终获得最新的信息和体验。如果您想在iPhone上刷新页面，以下帖子将向您解释所有方法。如何在Safari上刷新网页[4种方法]有几种方法可以刷新您在iPhone上的Safari浏览器App上查看的页面。方法1：使用“刷新”按钮刷新您在Safari浏览器上打开的页面的最简单方法是使用浏览器标签栏上的“刷新”选项。如果Safa
F5刷新密钥在Windows 11中不起作用
Mar 14, 2024 pm 01:01 PM
您的Windows11/10PC上的F5键是否无法正常工作？F5键通常用于刷新桌面或资源管理器或重新加载网页。然而，我们的一些读者报告说，F5键正在刷新他们的计算机，并且无法正常工作。如何在Windows11中启用F5刷新？要刷新您的WindowsPC，只需按下F5键即可。在某些笔记本电脑或台式机上，您可能需要按下Fn+F5组合键才能完成刷新操作。为什么F5刷新不起作用？如果按下F5键无法刷新您的电脑或在Windows11/10上遇到问题，可能是由于功能键被锁定所致。其他潜在原因包括键盘或F5键
抖音10级灯牌多少钱？10级粉丝灯牌需要几天？
Mar 11, 2024 pm 05:37 PM
在抖音平台上，许多用户都渴望获得等级认证，其中10级灯牌更是展示用户在抖音上的影响力和认可度。本文将深入探讨抖音10级灯牌的价格以及达到这一等级所需的时间，以帮助用户更好地了解这一过程。一、抖音10级灯牌多少钱？抖音10级灯牌的价格会受市场波动和供需情况的影响而有所差异，一般价格在几千元到万元之间。这个价格主要包括灯牌本身的成本和可能的服务费用。用户可以通过抖音官方渠道或第三方服务机构购买10级灯牌，但在购买时要留意选择合法渠道，以免遭遇虚假或欺诈交易。二、10级粉丝灯牌需要几天？达到10级灯牌
艾尔登法环通关需要多久
Mar 11, 2024 pm 12:50 PM
玩家在艾尔登法环中进行游戏时可以体验游戏主线剧情，以及收集游戏成就，有很多玩家不知道艾尔登法环通关需要多久，玩家的通关流程在30个小时。艾尔登法环通关需要多久答：30个小时。1、这个30个小时的通关时长指的虽然不是高手般的速通，但是也省略了很多的流程。2、如果你想获得更好的游戏体验或者是体验完整的剧情，那么时长上肯定要花费更多的时间。3、如果玩家是全收集大约要100-120小时。4、如果是只走主线刷BOSS大约：50-60小时。5、如果是想全部体验：150小时打底。
如何快速刷新网页？
Feb 18, 2024 pm 01:14 PM
页面刷新在我们日常的网络使用中非常常见，当我们访问一个网页后，有时候会遇到一些问题，比如网页加载不出来或者显示不正常等。这时候我们通常会选择刷新页面来解决问题，那么如何快速地刷新页面呢？下面我们就来探讨一下页面刷新的快捷键。页面刷新快捷键是一种通过键盘操作来快速刷新当前网页的方法。在不同的操作系统和浏览器中，页面刷新的快捷键可能有所不同。下面我们以常见的W
小红书发布作品时间怎么设置？发布作品时间准确吗？
Mar 24, 2024 pm 01:31 PM
小红书，一个充满生活气息与知识分享的平台，让越来越多的创作者在此畅所欲言。要想在小红书上获得更多的关注和点赞，除了内容质量之外，发布作品的时间也是至关重要的。那么，如何设置小红书发布作品的时间呢？一、小红书发布作品时间怎么设置？1.了解用户活跃时间首先，需要明确小红书用户的活跃时间。通常来说，晚上8点到10点以及周末下午是用户活跃度较高的时段。然而，这个时间段也会受到受众群体和地域等因素的影响而有所不同。因此，为了更好地把握用户活跃时段，建议对不同群体的行为习惯进行更详细的分析。通过了解用户的活
Linux 文件时间查看技巧详解
Feb 21, 2024 pm 01:15 PM
Linux文件时间查看技巧详解在Linux系统中，文件的时间信息对于文件管理和跟踪变更非常重要。Linux系统通过三种主要时间属性来记录文件的变更信息，分别是访问时间（atime）、修改时间（mtime）和更改时间（ctime）。本文将详细介绍如何查看和管理这些文件时间信息，并提供具体的代码示例。1.查看文件时间信息通过使用ls命令结合参数-l可以列出文
简易JavaScript教程：获取HTTP状态码的方法
Jan 05, 2024 pm 06:08 PM
JavaScript教程：如何获取HTTP状态码，需要具体代码示例前言：在Web开发中，经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时，我们经常需要获取返回的HTTP状态码来判断操作是否成功，根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码，并提供一些实用的代码示例。使用XMLHttpRequest
