这个星期刚刚学的JQuery,下面我来说说我学的这几个例子
jQuery是JavaScript的一个程序库。
Jquery的工厂函数$():
在Jquery中 $符号等价于jquery,作用是将DOM对象转化为Jquery对象。
下面我来写几个定时器的案列
定时函数:setTimeout()用于在指定的毫秒后调用函数或者计算表达式
语法:setTimeout(“调用的函数名称”,等待的毫秒数)
下面我来使用这个函数实现3秒后弹出对话框
<script type="text/javascript">
function timer(){
var t=setTimeout("alert('3 seconds')",3000);
}
</script>
上面这几行代码就能实现让一个消息框3秒钟后弹出。
我在写一个上课写的一个练习
<title>时钟</title>
<script type="text/javascript">
function clock_12h(){
var today=new Date; //获取当前时间
var year=today.getFullyear();
var month=today.getMonth() +1;
var date=today.getDate();
var hour=today.getHours();
var minute=today.getMinutes();
var second=today.getSeconds();
var apm="AM"//默认显示上午
if(hour>12){ //12小时显示
hour=hour-12;
apm="PM";
}
var weekday=0;
switch(today.getday()){
case 0:
weekday = "星期日";
break;
case 1:
weekday = "星期一";
break;
case 2:
weekday = "星期二";
break;
case 3:
weekday = "星期三";
break;
case 4:
weekday = "星期四";
break;
case 5:
weekday = "星期五";
break;
case 6:
weekday = "星期六";
break;
}
document.getElementById("myclock").innerHTML=“<h2>你好</h2> + year + "年" + month + "月" + date + "日 " + hour + ":" + minute + ":" + second + " " + apm + " " + weekday ;”
setInterval("clock_12h()", 1000);
}
</script>
<body onload="clock_12h()">
<div id="myclock"></div>
</body>