1、显示时间
<html>
<head>
<title></title>
</head>
<body>
当前时间：<span id="time"></span>
</body>
<script type="text/javascript">
function getCurrentTime() {
var date = new Date();
var hour = date.getHours()<10?"0"+date.getHours().toString():date.getHours();
var minu = date.getMinutes()<10?"0"+date.getMinutes().toString():date.getMinutes();
var seco=date.getSeconds()<10?"0"+date.getSeconds().toString():date.getSeconds();
var timeInfo = date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日"+hour+":"+minu+":"+seco;
var spanObj = document.getElementById("time");
spanObj.innerHTML = timeInfo.fontcolor("red");
}
getCurrentTime();//页面加载时执行
window.setInterval("getCurrentTime()", 1000); // 每1000毫秒执行一次
</script>
</html>
2、验证码
function yzm() {
var code = "";
var d = ["1","2","3","4","5","6","7","8","9","0"];
for(var i=0;i<4;i++) {
code += d[Math.floor(Math.random()*d.length)];
}
var span = document.getElementById("code");
span.innerHTML = code;
span.style.fontSize = "24px";
span.style.color = "red";
span.style.backgroundColor = "green";
span.style.textDecoration = "line-through";
}
<body onload="yzm()">
<span id="code"></span> <a href="#" onclick="yzm()">看不清，换一个</a>
</body>
