几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 527 JAVASCRIPT 鼠标
HTML如何显示当前动态时间
来源：互联网
2023-03-16 23:56:50 版权归原作者所有，如有侵权，请联系我们
如何将当前动态时间显示在网页上，随着时间的变化，秒针自动跳转，显示完整日期和时间。
请看详细经验，本篇经验教你如何使用JavaScript将时间打印在HTML网页上。
工具/原料
- 计算机，IIS
- JavaScript，HTML
方法/步骤
1、搭建网页
利用已搭建的IIS本地服务器，在共享区域新建一个html文件，命名为index.html。如图：
（IIS与本地服务器的搭建，请看引用）
0如何建立局域网共享目录
170怎么把一台电脑设置为局域网服务器
2、植入html元素
用记事本打开index.html，完善html基本元素。
写入一下代码：
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html"/>
title>时间的动态显示/title>
/head>
body>
/body>
/html>
并保存。如图：
3、写入JavaScript时间代码
在html头部写入获取时间的代码：
script language="javascript">
var t = null;
t = setTimeout(time,1000);//开始执行
function time()
{
clearTimeout(t);//清除定时器
dt = new Date();
var y=dt.getYear() 1900;
var mm=dt.getMonth() 1;
var d=dt.getDate();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var day=dt.getDay();
var h=dt.getHours();
var m=dt.getMinutes();
var s=dt.getSeconds();
if(h10){h="0" h;}
if(m10){m="0" m;}
if(s10){s="0" s;}
document.getElementById("timeShow").innerHTML = "现在的时间为：" y "年" mm "月" d "日" weekday[day] "
" h ":" m ":" s "";
t = setTimeout(time,1000); //设定定时器，循环执行
}
/script>
如图：
4、写入div标签
在内容部分写入div标签，并附上ID，用来加载时间的载体。
div id="timeShow" class="time1">/div>
如图：
5、写入样式
在头部写入div的样式：
style>
.time1{width:100%; height:50px; background:#FFF000; line-height:50px; text-align:center;}
/style>
并保存，如图：
6、加载网页
在浏览器输入192.168.1.2，查看编写的网页文件。
如图：
注意事项
- 更多JS常用代码，请关注后续经验。
- 记得点赞分享哟！
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 255 JAVASCRIPT
- 详细阅读