Html代码编程学习笔记
一、实现本站运行时间的html代码
【本站已稳定运行
<script type="text/javascript">
var webstar= new Date("1/1/2020");
var webnow = new Date();
var dotime = webnow.getTime() - webstar.getTime();
var donow = Math.floor(dotime / (1000 * 60 * 60 * 24));
document.write(+donow)
</script>
天】
二、实现网站时间显示的html代码
<!--显示当前时间JS程序START-->
<script>
function displayTime() {
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var seconds = currentTime.getSeconds();
// 如果月份、日期、小时、分钟或秒数小于10，则在前面添加0以保持格式的一致性
hours = hours < 10 ? '0' + hours : hours;
minutes = minutes < 10 ? '0' + minutes : minutes;
seconds = seconds < 10 ? '0' + seconds : seconds;
var timeString =hours + ':' + minutes + ':' + seconds;
document.getElementById('timeDisplay').innerHTML = timeString;
}
</script>
<script>
setInterval(displayTime, 1000); // 每1000毫秒（即1秒）更新一次时间
</script>
<!--显示当前时间JS程序END-->
三、网站底部备案代码
<a href="https://beian.miit.gov.cn">豫公网安备41130302000415号 豫ICP备20006149号-1</a>
四、单个网页的基本代码结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
<!--引入收藏图标-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!--3秒后首页自动跳转至指定网页-->
<meta http-equiv="refresh" content="3;url=https://www.uutime.top">
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个段落。</p>
</body>
</html>
五、网页背景实现渐变的代码
{background:linear-gradient(to right, rgb(107, 33, 168), rgb(76, 29, 149), rgb(107, 33, 168));}