表格显示时间

最新推荐文章于 2021-06-21 16:42:55 发布
原创 最新推荐文章于 2021-06-21 16:42:55 发布 · 662 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了一个使用JavaScript实现的简单网页实时钟表程序。该程序能够显示当前的时间（小时、分钟、秒）以及日期，并区分上午和下午。此外，还展示了如何利用JavaScript操作HTML元素来动态更新时间。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

<html>

<body onLoad="startit()">

<script LANGUAGE="JavaScript">

<!--

var isn1=null;

var isn2=false;

today=new Date();

function stopit()

{

if(isn2)

{

clearTimeout(isn1);

}

isn2=false;

}

function startit()

{

stopit();

isnclock();

}

function isnclock()

{

var now=new Date();

var hrs=now.getHours();

var min=now.getMinutes();

var sec=now.getSeconds();

document.clckh.disp1.value=""+((hrs>12)?hrs-12:hrs);

document.clckh.disp2.value=((min<10)?"0":"")+min;

document.clckh.disp3.value=((sec<10)?"0":"")+sec;

document.clckh.disp4.value=(hrs>=12)?"下午":"上午";

isn1=setTimeout("isnclock()",1000);

isn2=true;

}

function isnArray()

{

argnr=isnArray.arguments.length

for(var i=0;

i<argnr;

i++)

{

this[i+1]=isnArray.arguments[i];

}

}

var isnMonths=new isnArray("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isnDays=new isnArray("星期一","星期二","星期三","星期四","星期五","星期六","星期日");isnDays[0]="星期日";

//-->

</script>

 

 

<form NAME="clckh" onSubmit="0">

<table BORDER="2">

<tr>

<td>时间</td>

<td><div align="center"><center><p>点</td>

<td align="center"><div align="center"><center><p>分</td>

<td align="center"><div align="center"><center><p>秒</td>

<td align="center">　</td>

</tr>

<tr align="center">

<td>　</td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp1" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp2" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp3" SIZE="2"></td>

<td VALIGN="TOP"><input TYPE="text" NAME="disp4" SIZE="3"></td>

</tr>

<script LANGUAGE="JavaScript">

<!--

var thisyear=today.getYear();

if (thisyear< 2000)

thisyear=1900+thisyear;

document.write("<TR><TD>日期</TD><TD COLSPAN=4>"

+thisyear+"年"

+isnMonths[today.getMonth()+1]

+""+today.getDate()+"日" +isnDays[today.getDay()]);

 

//-->

</script>

 

</table>

</form>  

</body>

</html>

 

 

Layui设置table表格中时间的显示格式
雾林小妖的博客
05-27 987
Layui中设置时间格式，Layui中设置时间的显示格式
html表格显示年月日,html的列表，表格，表单等常用标签的使用—2019年8月30日
weixin_42393576的博客
06-19 1906
标签，元素，属性的理解标签：1、HTML代码由许许多多不同的标签(tag )构成2、标签放在一对尖括号里面 (比如) ,大多数标签都是成对出现的，分成开始标签和结束标签,结束标签在标签名之前加斜杠(比如 )。但是，也有一些标签不是成对使用 ,而是只有开始标签,没有结束标签,比标签3、标签可以嵌套4、不区分大小写：,元素：浏览器渲染网页的时候。会把HTML源码解析成一个标签树 。每个标签都是一个节点...
在数据表格显示时间日期格式
weixin_44538469的博客
07-18 2151
在数据表格显示时间日期格式 开发工具与关键技术：Visual Studio ASP.NET MVC 作者：刘剑鸿 撰写时间：2019年07月17日 星期三 时间格式在编辑代码时，在大多数地方总要给它特殊待遇。因为它不是一般的字符串，一般普通的字符串进行表格查询的时候，操作并不算复杂，也就是每个字段给它一个实体类。 namespace hospital.Entit...
在表格中时间的正确处理
weixin_44561769的博客
06-28 385
在表格中时间的正确处理 开发工具与关键技术：Visual Studio 2015 、在表格中时间的正确处理 作者：袁何恩 撰写时间：2019年6月26日 今天，我要和大家分享的技术是在表格中时间的正确处理。 在作项目时，我们经常在数据表格中遇到过时间的返回值是[object Object]或者是类似/Date(9820556000000)/的数字，这是什么的情况呢？这是因为某个字段的数据类型发生了...
html页面时钟显示--代码实现
qq_37306041的博客
08-22 1万+
&lt;script type="text/javascript"&gt; setInterval("fun(show_time)",1); function fun(timeID){  var date = new Date();  //创建对象   var y = date.getFullYear();     //获取年份   var m =date.getMonth()...
如何在excel里用计算机日期,电脑Excel表格中当前日期与时间如何快速输入
weixin_35933582的博客
06-21 8417
电脑Excel表格中当前日期与时间如何快速输入有的小伙伴选择在电脑上使用Excel软件来处理数据，有时候我们需要快速输入当前日期与时间，如果一个一个输入，那么会非常烦，如何快速输入呢？小编就来为大家介绍一下吧。具体如下：1. 第一步，双击或者右击打开需要输入日期与时间的Excel表格。2. 第二步，在下图所示的表格页面中，输入键下面显示了快速输入日期，时间，以及日期时间的快速键。3. 第三步，点击...
如何在html上显示时间设置,如何在网页上显示日期的两种方法
weixin_42361611的博客
06-09 9556
在上网的时候，经常会在一些网页上看到当前的日期，如“今天是×年×月×日星期×”等字样。为了显示系统当前的日期，一般采用脚本语言VBScript或javascript，两种语言有其各自的特点，特别在网页教学中，通过这两种语言的运用和对比，能达到较好的教学效果，现分别介绍它们的设计过程。一、采用VBScript脚本语言用VBScript脚本语言来显示系统当前的日期，通常使用其内部提供的日期和时间函数:...
iOS表格下拉刷新表格显示时间
05-29
"iOS表格下拉刷新表格显示时间"指的是当用户执行下拉操作时，表格顶部会显示一个指示器，同时更新表格中显示的时间。这个时间通常是最后一次数据更新的时间，以便用户知道他们看到的信息是最新的。这个过程涉及到多...
Layui实现数据表格默认全部显示(不要分页)
10-16
为了使表格显示数据，你需要将`data`变量替换为你实际获取到的数组数据。这可以通过Ajax请求从服务器获取，或者直接在JavaScript中定义静态数据。 最后，如果你需要在“报告”列中添加点击事件来查看报告详情，可以...
表格轮换显示 强
12-02
在网页设计中，表格轮换显示是一种常见的动态效果，它能为用户带来更丰富的视觉体验。这个场景中提到的“表格轮换显示 强”似乎是指一个特定的样式或者JavaScript功能，用于实现表格内容的自动切换或循环播放。具体...
PYQT5+sqlite数据库+QTableWidget自定义表格显示
10-17
`QTableWidget`是一个可定制的表格视图，可以用于显示二维数据。开发者可能通过编程设置表格的列数、行数，并填充来自`mydb.db`的数据。此外，他们可能还实现了点击单元格触发事件的功能，当用户点击表格中的某个...
时间格式只显示年月日 删除后面的小时、分和秒
NiceDj的博客
07-09 2441
在处理时间格式的数据时，很多时候只使用年月日，而不使用小时、分和秒。Dataframe格式的数据自动带有小时，分和秒的显示，如图所示。 为了使时间数据后面的00：00：00不显示，使用如下代码实现： data[‘date’]= data[‘date’].dt.date 运行结果如下： 成功去除了时间后面的小时、分和秒。 ...
实习总结第五谈---------element中的table表格显示时间格式问题
zhangkegu的博客
12-26 1369
后台直接传回的额时间数据显示在表格中是这样的： 后台返回的时间是这样子的，不方便用户看2.我用时间戳函数转换了一下时间格式 3.用到了JavaScript 日期处理类库 第一步安装该插件：npm install moment 第二步在main.js文件中引入并定义好该插件                                                            ...
table表格中格式化数据（例如时间）
dongwang的博客
05-15 2353
```javascript <el-table-column prop="createtime" label="创建时间" :formatter="formatTime"></el-table-column> methods: { // 格式化时间 formatTime: function (row, column) { return row.createtime.substr(0,10) } }
网页显示当前时间，网页的表------练习
yun1996的博客
11-19 1892
&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;m
intellij idea中注释模版DATE和date()是受系统日期格式影响的输出异常，例如yyyy/MM/dd 00dd
热门推荐
北派三叔聊技术
07-20 2万+
在windows中会受短日期格式影响，默认为设置yyyy/MM/dd，如果我们改动了就会影响idea中的注释模版，常见的我们会在短日期中写成yyyy/MM/dd dddd这样会显示星期，但idea中会翻译错误为yyyy/MM/dd 00dd，多了个00天数。 live tempate中可以用date("yyyy/MM/dd")代替date()解决，file template中要用DATE没有找到...
怎样在html中显示时间,如何在网页上显示当前时间
weixin_28223453的博客
06-09 7705
最近做的页面中有需要在页面直接显示当前时间的功能，一开始不知道怎么实现，后来经过查找资料来实现了该功能。虽然用过该功能的人会觉得很简单，但是在这里还是想总结出来，可以供不熟悉的人参考一下。具体实现代码如下：　//font属性用来设置字体属性function getDate(){var d = new Date();var year = d.getFullYear();var month = d.g...
若以框架表格显示时间
最新发布
12-29
### 使用框架实现时间显示的表格功能 #### HTML框架中的时间显示表格 为了实现在一个页面中以表格形式展示时间，可以利用HTML框架特性，在不同框架中加载不同的内容。对于时间显示而言，可以在主页面设置一个`<iframe>`来嵌入专门的时间显示组件或子页面[^1]。 ```html <!-- 主页面 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Time Display Table</title> </head> <body> <h2>实时时间显示表</h2> <!-- 嵌入时间显示页面 --> <iframe src="time_table.html" width="100%" height="300px"></iframe> </body> </html> ``` #### jQuery DataTables增强型时间表格 如果追求更复杂的功能如分页、排序以及过滤，则可以选择jQuery插件DataTables作为解决方案之一。此方法不仅能够提供基本的时间数据显示，还能让用户方便地操作这些数据[^2]。 ```javascript // time_table.js 文件内的JavaScript代码 $(document).ready(function() { $('#example').DataTable({ "data": [ ["2024/01/01", "New Year's Day"], ["2024/02/14", "Valentine's Day"] // 更多日期条目... ], "columns": [ { title: "Date" }, { title: "Event Name" } ] }); }); ``` ```html <!-- time_table.html 页面片段 --> <table id="example" class="display" style="width:100%"> </table> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.css" rel="stylesheet"/> <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.js"></script> <script src="path/to/time_table.js"></script> ``` #### Android平台上的SmartTable应用案例 针对移动设备特别是安卓应用程序开发者来说，采用像SmartTable这样的库可能是更好的选择。这类库专为移动端优化设计，并且具备良好的性能表现和用户体验。除了常规的数据展现外，还支持图表绘制等功能，非常适合用来构建带有图形化界面的日历视图或其他类型的时间线布局[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值