实时日期与时间更新的网页技术实现

发布时间:2024-12-21 21:46

JavaScript实现网页动态交互 #生活知识# #编程教程#

小玩意:时间显示

最新推荐文章于 2024-10-17 12:34:31 发布

饥饿幻想 于 2015-09-15 16:18:14 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

<!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 runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<div>

<script type="text/javascript">

document.write("<span id=lblTime width='118px' height='11px' Font-Size='9pt' style='color:Red' ></span>") //输出显示日期的容器

//每1000毫秒(即1秒) 执行一次本段代码

setInterval("lblTime.innerText=new Date().toLocaleString()", 1000)

</script>

</div>

</form>

</body>

</html>

<html>

<body>

<form>

<input type="text" id="clock" size="35" />

<script language=javascript>

var int=window.setInterval("clock()",1)

function clock()

{

var t=new Date()

document.getElementById("clock").value=t

}

</script>

</form>

<button οnclick="window.clearInterval(int)">Stop interval</button>

<button οnclick="window.clearInterval(int);int=window.setInterval('clock()',1)">Start interval</button>

</body>

</html>

网址:实时日期与时间更新的网页技术实现 https://www.yuejiaxmz.com/news/view/534669

相关内容

html网页制作——HTML节日主题网页项目的设计与实现——圣诞节日介绍(HTML+CSS)
时间管理的技巧与实践.docx
PHP日期与时间应用与实践
建立时间管理习惯的关键技巧与实践.docx
基于物联网技术的智慧健康监测系统设计与实现
PHP实现高效日程管理系统:时间管理技巧与代码实践详解
高效时间管理:掌握时间的艺术,实现人生飞跃
旧无线技术的新升级:可实现精准实时3D动作捕捉
基于物联网技术的智能家居系统设计与实现
实时推送如何实现?(极光推送助力实时推送)

随便看看