jQuery基础,定时器,工厂函数

这个星期刚刚学的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 + "日&nbsp;" + hour + ":" + minute + ":" + second + "&nbsp;" + apm + "&nbsp;" + weekday ;”
   setInterval("clock_12h()", 1000);






}

</script>




<body onload="clock_12h()">
    <div id="myclock"></div>

</body>
原文地址:https://www.cnblogs.com/liujunhaodeboke/p/5511983.html