Saber 酱的抱枕

<div id="sv" style="display: none;"></div>
<script type="text/javascript">
	if (window.location.href=="/") {
		//通过判断时间添加对应的saber的声音		
		var myDate = new Date();
	var nowtime=myDate.getHours();
	if (nowtime>=5&nowtime<7) {//早上了，master
		$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%97%A9%E4%B8%8A%E4%BA%86%EF%BC%8Cmaster.mp3'></audio>");
	}else{
		if (nowtime>=7&nowtime<9) {//早上好
		$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%97%A9%E4%B8%8A%E5%A5%BD.mp3'></audio>");
		}else{
			if (nowtime>=9&nowtime<21) {//辛苦了，master
		$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E8%BE%9B%E8%8B%A6%E4%BA%86%EF%BC%8Cmaster.mp3'></audio>");
			}
			else{//晚安
		$("#sv").html("<audio autoplay='autoplay' src='/f/sv_%E6%99%9A%E5%AE%89.mp3'></audio>");
			};
		};
	};
	
};
</script>

给网站加上了声音啦~

09/10

2014

学习

jq输出html代码

saber 撰写 html jq 无回复

jq中可以使用html()输出html代码，形如

$("#sv").html("<audio autoplay='autoplay' src='src'></audio>");

只是注意，双引号中间是html代码，html代码中出现的引号就只能用单引号了。

参考：http://holysonll.blog.163.com/blog/static/2141390932013411113333559/

jq输出html代码

09/10

2014

学习

使用js创建页面元素的函数

saber 撰写 js 元素函数无回复

    <div id="a"  style="background:#DAE0F1;">
        <p id="b">bbbbbbbbbbbbbbbbb</p>
    </div>
	<script type="text/javascript">
        function createE (tagName,id,className,style,innerHTML,addway,parentId,reforeId) {
            var newElement=document.createElement(tagName);
            newElement.id=id;
            newElement.className=className;
            newElement.style.cssText=style;
            newElement.innerHTML=innerHTML;
            if (addway=='end') {
                if (parentId=='body') {
                    document.body.appendChild(newElement);
                }else{
                    document.getElementById(parentId).appendChild(newElement);
                }
            }
            if(addway=='before'){
                 if (parentId=='body') {
                    document.body.insertBefore(newElement,document.getElementById(reforeId));
                 }else{
                    document.getElementById(parentId).insertBefore(newElement,document.getElementById(reforeId));
                }
            }
        }
        createE('div','aa','link','font-size: 30px;','追加在a的末尾','end','a','');
        createE('h1','','','font-size: 30px;','插入在a中的b之前','before','a','b');
        createE('h1','c','','font-size: 30px;','追加在body末尾','end','body','');
        createE('h1','d','','font-size: 30px;','插入在body中的a之前','before','body','a');
	</script>

输出如下：

今天写了个使用js创建页面元素的函数，如果有多个元素需要使用js来创建的话，倒还是可以方便一些的。函数参数如下：
元素的标签名,元素的id,元素的class名,元素的内部样式,元素的内部代码,追加方式（填写“end”或者“before”）,追加到的父元素的id,父元素中子元素的id（仅当追加方式为before时填写）。
如果追加方式为end，则使用appendChild()方法追加到父元素内；如果追加方式为before，则使用insertBefore()方法插入到父元素内某个子元素之前。
考虑到body是创建元素时常用的一个节点，如果把父元素的id填写为“body”则会按body来处理。

使用js创建页面元素的函数

09/10

2014

学习

jq的百度cdn地址

saber 撰写 cdn jq 地址百度无回复

有时候在外边想给网站做些修改，测试的时候要用到jq，去下载站下载再导入太麻烦，于是找了个百度cdn的jq地址，直接复制就行了。

右键复制链接即可

jq的百度cdn地址

09/10

2014

学习

js获取当前日期时间

saber 撰写 js 日期时间无回复

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString();        //获取日期与时间

查看来源