js setInterVal()实时显示时间、日期

最新推荐文章于 2023-06-03 09:30:00 发布
最新推荐文章于 2023-06-03 09:30:00 发布
阅读量3k 收藏 3
点赞数
分类专栏： Javascript 文章标签： javascript setInterVal 显示日期
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Niceplay150928/article/details/54311790
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js setInterVal()实时显示时间、日期</title>
<script>
window.onload = displayDate;	
function displayDate(){
	var date = new Date();
	var year = date.getFullYear();
	
	var month = date.getMonth()+1;
	month = ((month < 10)?"0":"") + month;
	var day = date.getDate();
	day = ((day < 10)?"0":"") + day;
	
	var hours = date.getHours();
	hours = ((hours < 10)?"0":"") + hours;
	
	var minutes  = date.getMinutes();
	minutes = ((minutes < 10)?"0":"") + minutes;
	
	var seconds = date.getSeconds();
	seconds = ((seconds<10)?"0":"") + seconds;
	
	var a = new Array("日","一","二","三","四","五","六");
	var day1 = date.getDay();
	day1 = "星期" + a[day1];
	
	var currenttime = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds + " " + day1;
	document.getElementById("demo").innerHTML = currenttime;
	
}
var  timer = window.setInterval(displayDate,1000);
function stopTimer(){
	window.clearInterval(timer);
}
</script>
</head>
<body>

<p id="demo"></p>
<button οnclick="stopTimer();" style="width:240px;">Stop</button>
	
</body>
</html>
Ch4rles_wong
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.setInterval(func,interval)定时器
猿码互联
06-08 390
window.setInterval()是JavaScript中的方法，用于在指定的时间间隔重复执行某个函数或代码块。它接受两个参数，第一个参数是要执行的函数或代码块，第二个参数是时间间隔（以毫秒为单位）。另外，可以使用匿名函数作为第一个参数来实现更复杂的功能。上述代码中，匿名函数内部获取当前时间并更新页面上id为"time"的元素的内容。上述代码将会在页面加载后每隔1秒打印一次"Hello, world!
JavaScript实时显示系统时间
sinat_35010585的博客
08-30 481
无标题文档 function relTime(clock){ var now = new Date(); var day = now.getDay(); var year = now.getFullYear(); var month = now.getMonth(); var date = now.getDate(); var hour = now.getHours(); va
利用setInterval()方法实现在页面上显示实时时间
be_perfunctory的博客
07-19 3008
效果图: 代码如下： <body> <divid='time'></div> <script> window.onload=function(){ //每1秒刷新时间 setInterval("NowTime()",1000); } functionNowTime(){ ...
day4
yuanjin666的博客
11-30 109
今天的内容稍稍繁杂，要记得很多。 今日内容 1.BOM 2.jQuery的用法 3.jquery的选择器 1.BOM 1.定时器 1.1周期定时器 语法: window.setInterval(code,millionSec); var 定时器对象=window.setInterval(code,millionSec); window.clearInterval(定时器对象); 只能清除周期定时器 参数: code: 指的是一段需要指定的代码或者是一个需要调用的自定义函数 如window.setInter
js笔记之Date、setInterval 定时器小练习
几百块的博客
05-17 280
来判断不同代码效率高低 var date1=new Date() for (let i = 0; i <1000 ; i++) { console.log('hello') } var date2=new Date() console.log(date2-date1) 定义函数实现：接收用户输入用户名：对用户的输入给予反馈： 要求：用户名不能为空、长度必须在6-10个字符之间 第一个字符不能是数字，并且用户名必须是数字，字母构成。 最后要求：该函数返回不同的值，代表违反了不
JS学习笔记--第四期（Date对象与定时器函数）
ph_tallinn的博客
03-17 242
文章目录Date对象Date对象简介创建Date对象 Date对象 Date对象简介 Date对象是JS中常用的一种对象，Date对象一般用于处理日期与时间。在使用Date对象之前要进行对象的实例化，然后用调用方法的方式使用Date对象内置的各种方法。 Date对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数，并且提供了一系列处理时间与日期方法 创建Date对象 创建Date对象的方法有很多种，可以根据自己不同的需求选择创建的方法。 创建当前日期时间的Date对象。 var
javascript中date对象,Date对象,时钟案列,setInterval,setTimeout,定时器
程宇寒
12-11 627
javascript中date对象,Date对象,时钟案列,setInterval,setTimeout,定时器 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;javascript中date对象,Date对象,时钟案列,setInterval,setTimeou...
JS实现日期时间动态显示的方法
10-23
要实现动态显示日期时间，我们可以利用`setInterval()`函数，这是一个JavaScript的定时器，它可以按照指定的时间间隔重复执行一个函数。在这个例子中，我们设置`setInterval`每1000毫秒（即1秒）执行一次，更新页面...
js显示当前日期时间和星期几
11-25
在给定的标题和描述中，我们关注的是如何使用JavaScript来获取并显示当前的日期、时间以及星期几。下面将详细解释相关知识点。 1. **Date对象**： JavaScript中的`Date`对象是处理日期和时间的核心，可以用来创建...
JavaScript页面实时显示当前时间实例代码
11-27
在JavaScript编程中，实时显示当前时间是一...如果遇到问题或有其他需求，可以通过进一步学习JavaScript的更多日期时间处理方法，如`setInterval`，`Date.prototype.toDateString()`等，来进行更复杂的时间显示或处理。
jsp实现页面实时显示当前系统时间的方法
10-26
综合上述步骤，我们可以创建一个简单的JSP页面，其中包含JavaScript代码以实现实时显示时间的功能。尽管JSP本身并未直接参与时间的显示，但我们可以将服务器端的时间传递给JavaScript，以提高性能和准确性。然而，...
4.3、Date日期对象、setInterval定时器方法
weixin_45065754的博客
04-07 362
1、Date日期对象 2、setInterval定时器方法
Date对象、setInterval（）、clearInterval（）、setTimeout（）、clearTimeout（）
AIWWY的博客
04-08 486
目录 Date() date对象调用的方法 date.getDate() date.getDay() date.getFullYear() date.getMonth/getHours()/getMinutes()/getSeconds()/getMilliseconds() date.getTime() date.set+ Date上定义好的静态方法 Date.now() Date.parse() Date对象的其它方法和详细解释链接 setInterval（function()
Date日期型对象？setInterval(); ？setTimeout();?时间戳？
Problem_Girl的博客
01-20 411
Date日期型对象？ <script> vardate=newDate();//date为由构造函数Date创造出来的日期型对象 console.log(date);//输出为WebFeb27202023:30:21GMT+0000(中国标准时间) console.log(date.getFullYear());...
JavaScript中定时器的练习
plannothing的博客
08-22 820
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 使图片可以自动切换 */ //获取img标签 var img1 = document.getE
JavaScript：setInterval() 用法详解
热门推荐
孙悟空
06-03 3万+
本文介绍了js中setInterval() 的用法，如何使用，如何停止。
JS 定时器setInterval()
m0_46580493的博客
11-14 4930
JS 定时器setInterval()
Javascript setInterval()
zsx0728的博客
05-15 1万+
文章目录JavaScript setInterval()示例 1：每 1 秒显示一次文本示例 2：每 5 秒显示一次时间JavaScript clearInterval()示例 3：使用 clearInterval() 方法参考文档     在本教程中，您将借助示例了解 JavaScript setInterval() 方法。     在 JavaScript 中，可以在指定的时间间隔内执行一段代码。这些时间间隔称为定时事件。     有两种方法可以在特定时间间隔执行代码。他们是： setInterval
js中setinterval怎么用？怎么才能让setinterval停下来？
05-01 6326
setinterval()是定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。setinterval()的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval()返回的ID值可用作clearInterval() 方法的参数。后面就两个参数code是你的js代码，millisec为时间间隔，以毫秒计。
js显示每秒变化的日期时间
最新发布
06-06
你可以使用 JavaScript 的 Date 对象和 setInterval 函数来实现每秒变化的日期时间显示。以下是一个示例代码： ```javascript function updateTime() { var date = new Date(); // 获取当前时间 var year = date....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值