- 关于时间的获取
Date()函数是JavaScript的时间对象构造函数。
<script>
function getTime(){
var date = new Date();
var year = date.getFullYear(); //获取年份
var month = date.getMonth()+1; //获取月份,月份从0算起所以记得+1
month = month<10?'0'+month:month;
var day = date.getDate(); //获取日期
day = day<10?'0'+day:day;
var week = "日一二三四五六".charAt(date.getDay()); //获取星期x
var hour = date.getHours(); //获取小时
var minute = date.getMinutes(); //获取小时
var second = date.getSecond(); //获取秒数
//整合形式
var timenow = year+" "+month+" "+day+ +"星期"+week+" "+hour+"--"+minute+"--"+second;
console.log(timenow);
document.getElementById("timein").innerHTML=timenow;
}
setInteral.("getTime",1000);
</script>
<span id="timein"></span>
- 关于事件的设置
有三种事件的设置
1.通过 onkeydown,onsubmit等来设置
<script>
function action(){
return true;
}
</script>
<form action="www.baidu.com " οnsubmit="return action()">
<input type="submit" value="按钮">
</form>
2.
<body>
<input type="button" value="按钮" style="backgroud:lightblue;"/>
<script>
var inputElement = document.getElementsByTagName("input")[0];
inputElement.onmouseOver = function(){
this.style.backgroundColor='yellow';
}
inputElement.onmouseout = function(){
this.style.backgroundColor='red';
}
</script>
</body>
3.添加事件监听器
<input value="按钮" type="button" style="background:lightblue;"/>
<script>
var inputElement=document.getElementByTagName("input")[0];
inputElement.addEventListener("mouseover",function(){
this.style.backgroundColor='yellow';
})
</script>