HTML和JSP（时间，诗词，歌曲等）
展示当前时间（windows对象设置函数运行间隔，document对象得到元素id，Date对象获得时间）：
<!doctype html>
<html lang="en">
<head>
<title>zzx</title>
<meta charset="utf-8">
</head>
<body>
<div id="clock"></div>
<script type="text/javascript">
function realSysTime(){
var now = new Date(); //创建Date对象
var year=now.getFullYear(); //获取年份
var month=now.getMonth(); //获取月份
var date=now.getDate(); //获取日期
var day=now.getDay(); //获取星期
var hour=now.getHours(); //获取小时
var minu=now.getMinutes(); //获取分钟
var sec=now.getSeconds(); //获取秒钟
month = month + 1;
var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var week=arr_week[day]; //获取中文的星期
var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec; //组合系统时间
document.getElementById("clock").innerHTML="当前时间："+time; //显示系统时间
}
window.onload=function(){
window.setInterval("realSysTime()",1000); //实时获取并显示系统时间
}
</script>
</body>
</html>
今日诗词：
<!doctype html>
<html lang="en">
<head>
<title>zzx</title>
<meta charset="utf-8">
</head>
<body>
<div id="navigator"><div>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$("#navigator").after('<div class="poem-wrap"><div class="poem-border poem-left"></div><div class="poem-border poem-right"></div><h3>念两句诗</h3><div id="poem_sentence"></div><div id="poem_info"></div></div>');
jinrishici.load(function(result) {
var sentence = document.querySelector("#poem_sentence");
var info = document.querySelector("#poem_info");
sentence.innerHTML = result.data.content;
info.innerHTML = '【' + result.data.origin.dynasty + '】' + result.data.origin.author + '《' + result.data.origin.title + '》';
});
</script>
</body>
</html>
添加歌曲：
<!doctype html>
<html lang="en">
<head>
<title>zzx</title>
<meta charset="utf-8">
</head>
<body>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/elkyo/APlayer.min.css">
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3025663508" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>
<script src="https://blog-static.cnblogs.com/files/elkyo/APlayer.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/elkyo/Meting.min.js"></script>
</body>
</html>
其他
<audio controls="controls">
<source src="XXX.mp3" type="audio/mpeg">
</audio>
<!--音频-->
<video width="640" height="360" controls="controls">
<source src="XXX.mp4" type="video/mp4">
</video>
<!--视频-->
<css>
body {
text-align: center;
background-image: url("images/bg.jpg");
}
div {
text-align: center;
margin: 0 auto;
}
</css>
<!--使页面居中-->
<script type="text/javascript">
window.onload = function() {
document.getElementById("XXX").onclick = function() {
//要绑定的元素点击事件
}
}
</script>
<!--页面初始自动加载，绑定点击事件-->
JSP
<%response.setHeader("refresh","5;URL='http://www.stdu.edu.cn'"); %>
<!--刷新页面，跳转页面-->
浙公网安备 33010602011771号