JavaScript实时显示当前时间的例子

最新推荐文章于 2020-09-12 20:42:47 发布
最新推荐文章于 2020-09-12 20:42:47 发布
阅读量98 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/cfinder010/p/3203191.html
版权

用javascript代码在当前页面中实时显示当前时间。
代码如下：

<html>
<head> 
<title>JavaScript 实时显示当前时间-www.jbxue.com</title> 
</head> 
<body> 
<script language="javascript"> 
function showtime() 
{ 
var today,hour,second,minute,year,month,date; 
var strDate ; 
today=new Date(); 
var n_day = today.getDay(); 
switch (n_day) 
{ 
case 0:{ 
strDate = "星期日" 
}break; 
case 1:{ 
strDate = "星期一" 
}break; 
case 2:{ 
strDate ="星期二" 
}break; 
case 3:{ 
strDate = "星期三" 
}break; 
case 4:{ 
strDate = "星期四" 
}break; 
case 5:{ 
strDate = "星期五" 
}break; 
case 6:{ 
strDate = "星期六" 
}break; 
case 7:{ 
strDate = "星期日" 
}break; 
} 
year = today.getYear(); 
month = today.getMonth()+1; 
date = today.getDate(); 
hour = today.getHours(); 
minute =today.getMinutes(); 
second = today.getSeconds(); 
if(month<10) month="0"+month; 
if(date<10) date="0"+date; 
if(hour<10) hour="0"+hour; 
if(minute<10) minute="0"+minute; 
if(second<10) second="0"+second; 
document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间 
setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s) 
} 
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body> 
</html>

转载于:https://www.cnblogs.com/cfinder010/p/3203191.html

aijiagui7454
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用javascript编写一个自动增加显示时间的例子
03-30
用javascript编写的与系统时间保持一致，而且会自动增加的示例，非常的常用，而且很好用啊
MagicAjax无刷新显示当前时间程序
03-26
MagicAjax.NET（http://www.magicajax.net/）是一个开源框架,使开发者便捷的在页面中加入ajax...从例子入手吧，一个button，一个label，点击button更新lable到当前时间，实现无刷新操作，同时右上角还显示loading..。
JS自动走的时钟【定时器】
FF_Chen的博客
09-12 730
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p id="pD.
javaScript时间动态显示
h
07-11 3425
借助javaScript实现时间动态显示 <script language="JavaScript"> function startTime() { var today=new Date();//定义日期对象 var yyyy = today.getFul
编写一个js函数，实时显示当前时间，格式：“年-月-日 时：分：秒”
weixin_42985225的博客
09-04 9321
第一种： window.onload = function(){ var show = document.getElementById(‘show’); // setInterval(function(){ var time = new Date(); var m = time.getMonth()+1; //程序计时的月从0开始取值后...
自定义JavaScript函数实时显示系统时间
爪白白的个人博客
05-06 1404
在页面找一个合适的位置添加div标签，用于显示时间 <div id="clock"><div> 自定义JavaScript函数 showTime() <script language="javascript"> function showTime(clock){ var now=new Date(); var year=now.getFullY...
JavaScript实时显示当前时间
HerryDong的博客
12-13 1万+
JavaScript主要使用DateDate中的getMonth()方法返回值从0开始计数，获取日期需要使用getDate()方法，而不是getDay()方法。如果要实时获取时间，则需要使用Date结合定时器实现，下面介绍两种实现方法。使用和setTimeout都可以实时获取当前时间，如果你对递归深恶痛绝的话，那还是推荐使用，毕竟看起来更加简单直观。
d365DatetimeBox:增强的日期时间框
05-09
true以显示结束日期时间isManual-允许手动输入时间的true 语言环境-语言环境代码测试与审查npm运行故事书注意：如果出现错误，请确保在测试中有一个__results__文件夹，然后运行npm run test：output npm运行测试...
spotify-analyzer:一个React应用程序，用于从Spotify的API中检索数据。 它将显示当前播放歌曲的歌词，显示建议以及歌曲编写时间的背景故事。 塞巴斯蒂安·弗里德伯格（SébastienFriedberg）和亚历山大·戈麦斯（Alexandre Gomez）制作的项目
03-31
它将显示当前播放歌曲的歌词，显示建议以及歌曲编写时间的背景故事。 塞巴斯蒂安·弗里德伯格（SébastienFriedberg）和亚历山大·戈麦斯（Alexandre Gomez）制作的项目 [服务器] cd认证服务器节点authorization_...
spree:使用Meteor实时更新Spark UI
05-01
左：狂欢页面显示所有作业和阶段，并实时更新； 右：做简单工作的spark-shell ； 有关更多示例，请参见此。 特征！ Spree完全重写了 ，提供了许多显着的优势…… 实时更新 多亏了魔术，所有页面上的所有数据都会...
JS时间显示
attribute的专栏
10-31 432
function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "
在html页面实时显示系统时间
热门推荐
散场前的温柔的博客
11-05 8万+
在html页面实时显示系统时间 桌面新建记事本，将下列代码复制粘贴，重命名后缀为.html，保存，用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>系统时间</title&gt...
jsp页面动态显示时间
知耻而后勇。
03-30 715
当前时间：  document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay()); setInterval("document.getElementById('time').innerHTML=new Date().toLocaleSt
日期分开显示08-05 12:06 当其中某个数字为个位数时用0补齐
weixin_30677617的博客
11-23 130
在显示日期的时候作为一个前端只能默默承受产品的各种奇葩显示需求 什么只显示年月和时分，只显示月日和分秒，我就想问问你老老实实的让他年月日时分秒显示出来不行吗，好好的一家人非要把他们分开干什么，是不是。牢骚归牢骚但是产品大人的需求还是要老老实实的去实现，没办法这就是命，下面就是一个产品大人让我只显示月日和时分的需求。且在搞完之后测试大人一测发话了，如果我是8月17日9点5分进行操作的，你...
显示当前时间——javascript
suorce的博客
09-15 223
网页上显示日期时间，就只需要创建一个Date对象，我们就可以完成时间的实现，但这个时间却是固定的。那是因为当页面加载完数据之后，这个时间就是固定的了，所以我们要每秒显示一次时间，这样时间就能实时更新了。 核心代码 //设置定时器 setInterval(function() { document.getElementById("nowTime").innerHTML = ...
javascript显示当前时间
weixin_34055910的博客
08-23 89
<html> <head> <title>JavaScript实现页面实时显示当前时间</title> </head> <body> <script language="javascript"> function showtime() { var today,h...
JavaScript代码：在网页中动态显示当前日期和时间
疯狂源自梦想 技术成就辉煌
01-02 7480
在网页中动态显示当前日期和时间            function showTime(){              var thetime=new Date();   //   初始化日期对象              document.getElementById( "timeArea").innerText   =   thetime.toLocaleString();
如何简单正确地向前台返回"YYYY-MM-DD hh:mm:ss"格式的时间值
weixin_34096182的博客
07-07 201
2019独角兽企业重金招聘Python工程师标准>>> ...
网页上的时间显示设置
weixin_42207947的博客
08-02 5377
网页上的时间显示设置： &lt;script&gt; //方法一：动态显示时间（自己设置） function showTime1() { var dateInfo = "现在时间是："; //Date 对象的用法 var date = new Date(); //1）得到日期的年份 var year = date.getFullYear(); //2）得到月份 var month = dat...
php js动态显示系统时间,动态显示当前时间的JS代码
最新发布
05-17
以下是一个使用 PHP 和 JavaScript 动态显示系统时间的例子： ```php date_default_timezone_set('Asia/Shanghai'); // 设置时区 ?> 动态显示系统时间 <script type="text/javascript"> function showTime() ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值