JS显示动态时间

最新推荐文章于 2022-08-06 10:34:38 发布
最新推荐文章于 2022-08-06 10:34:38 发布
阅读量617 收藏
点赞数
分类专栏： 2009年 文章标签： function xhtml javascript html date div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gouleaf/article/details/3713543
版权
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS动态显示时间</title>
<script language="javascript" type="text/javascript">
function tick() {
var hours, minutes, seconds, xfile;
var intHours, intMinutes, intSeconds;
var today, theday;
today = new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
theday = today.getYear()+"年" + [today.getMonth()+1]+"月" +today.getDate()+"日 " + d[today.getDay()+1];
intHours = today.getHours();
intMinutes = today.getMinutes();
intSeconds = today.getSeconds();
if (intHours == 0) {
   hours = "12:";
   xfile = "午夜";
   } else if (intHours < 12) {
       hours = intHours+":";
       xfile = "上午";
       } else if (intHours == 12) {
           hours = "12:";
           xfile = "正午";
           } else {
              intHours = intHours - 12
              hours = intHours + ":";
              xfile = "下午";
}
if (intMinutes < 10) {
minutes = "0"+intMinutes+":";
} else {
minutes = intMinutes+":";
}
if (intSeconds < 10) {
seconds = "0"+intSeconds+" ";
} else {
seconds = intSeconds+" ";
}
timeString = theday+xfile+hours+minutes+seconds;
Clock.innerHTML = timeString;
window.setTimeout("tick();", 100);
}
window.onload = tick;
</script>
</head>
<body>
<div id="Clock" align="center" style="font-size: 12px; color:#000000"></div>
</body>
</html>
gouleaf
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS动态显示当前时间
09-02
JS动态显示当前时间 动态的显示当前系统时间 非常好用
js动态显示时间
Leijiang0504的博客
03-24 3175
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>动态显示时间</title> </head> <body> 动态时间:<span id="time"></span> <script type="text/javascript"> var dataTime ;.
动态显示当前时间的js
08-26
兼容所有浏览器的js，用来动态显示当前时间，只需要调用，并传入显示区域的id即可
js动态显示系统当前时间
09-21
js动态显示系统当前时间，客户端机器的。
javascript获取时间及动态显示时间
laogan6的博客
04-06 541
javascript有内置对象Date. 首先，声明一个变量保存当前时间： var now=new Date(); 接着得到年月日及时分秒： now.toLocaleDateString(); now.toLocaleTimeString();
js显示动态时间的方法详解
10-21
为了动态显示时间，可以定期调用`setInterval()`函数来更新时间显示。以下是一个简单的每秒更新时间的示例： ```javascript function displayTime() { var now = new Date(); var hours = now.getHours(); var ...
javascript显示动态时间的方法汇总
12-29
当前时间： <td id=CurrentTime></td> [removed] function changetime(){ var ary = [星期日,星期一,星期二,星期三,星期四,星期五,星期六]; var Timehtml = document.getElementById('CurrentTime'); var date = new...
js实现动态显示时间效果
10-20
本文将深入探讨如何使用JavaScript来实现动态显示时间的效果。 首先，我们需要创建一个HTML页面作为展示的容器。在提供的代码示例中，可以看到一个简单的HTML结构，包括`<html>`、`<head>`和`<body>`标签。`<head>`...
案例：利用JS动态的显示当前时间
Bobo‘s Home
08-08 418
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;me
JavaScript实现动态时间显示功能
热门推荐
a320976399的博客
10-29 1万+
一、基本思路 创建showTime()函数，利用JavaScript中的Date对象的属性及方法获取时间，利用Window对象的 setInterval() 方法按照指定的周期（以毫秒计）来调用函数或计算表达式。最后利用document对象实现在页面上显示。 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示时间</title> <
JS在页面动态显示日期与时间
qq_35354139的博客
08-06 1758
JS在页面里动态显示日期与时间
用JS实现页面显示动态时钟
ALiZPay的博客
06-03 974
<body> <script> function tick() { var ye,mo,da; //年月日 var hours, minutes, seconds, xfile; //时分秒，PM/AM var intHours, intMinutes, intSeconds; var today; today = new Date();//创建一个时间对象 //ye = ...
用js动态显示当前时间
豆奶的博客
04-17 2561
用setTimeout动态显示当前时间： <div class="showTime"></div> <script> var t = null; t=setTimeout(time,1000);//开始运行 function time(){ clearTimeout(t);//清除定时器 dt = new Date(); var y = dt.getFullYear(); var mt = dt.ge
js实现动态显示时间
Smile yourlife
03-30 2326
//得到当前时间 var date = new Date(); //格式化为本地时间 var d1 = date.toLocaleString(); //使页面每秒显示一次时间 setInterval() //定时器实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>动态显示时间</title>
完整显示当前日期和时间的JS代码
sundful的专栏
06-10 554
function tick() { var hours, minutes, seconds, xfile; var intHours, intMinutes, intSeconds; var today, theday; today = new Date(); function initArray(){ this.length=initArray.arguments.length ...
js显示当前日期和周时间
xs_zgsc的专栏
12-21 621
第一种：显示 年 月 日 星期： function showDate() { var day = ""; var month = ""; var ampm = ""; var ampmhour = ""; var myweekday = "";
js动态显示时间-JS调整时间
疯狂的小程序员
06-17 991
转载自：IT摆渡网 -- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！--点击打开链接www.itbaiduwang.com js动态显示时间(中国时间、美国时间)--IT摆渡网www.itbaiduwang.com //var ddate=document.getElementByIdx_x_x("ddate");
通过js实现页面的动态时间显示
小流
02-27 3501
主要方法 : window.setInterval(方法，时间间隔) activeTime.html &amp;amp;lt;html&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;script type = &amp;quot;text/javascript&amp;quot;&amp;amp;gt; function timeShow(){ //获取当前时间 v
javascript页面动态显示系统时间
最新发布
10-12
你可以使用JavaScript来动态显示系统时间。以下是一个简单的示例，可以在网页中使用： ```html <!DOCTYPE html> function displayTime() { var date = new Date(); var time = date.toLocaleTimeString(); ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值