溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
setInterval
setInterval() 方法可按照指定的周期（以毫秒計）來調用函數或計算表達式。
setInterval() 方法會不停地調用函數，直到 clearInterval() 被調用或窗口被關閉。setInterval() 的返回值返回
一個可以傳遞給 Window.clearInterval()的參數， 從而取消對 code 的周期性執行的值。
<html>
<body>
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)">Stop interval</button>
</body>
</html>
jQuery動畫效果animate和scrollTop結合使用實例
animate是jq的一個特效的函數方法，animate() 方法執行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態改變為另一個狀態。
CSS屬性值是逐漸改變的，這樣就可以創建動畫效果。
只有數字值可創建動畫（比如 "margin:30px"）。
字符串值無法創建動畫（比如 "background-color:red"）。
$('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
上面的代碼表示滾動條跳到0的位置，頁面移動速度是800。
結合scrollTop實用示例：
jQuery(document).ready(function($){
$('#shang').click(function(){
$('html,body').animate({scrollTop: '0px'}, 800);
});
$('#comt').click(function(){
$('html,body').animate({scrollTop:$('#comments').offset().top}, 800);
});
$('#xia').click(function(){
$('html,body').animate({scrollTop:$('#footer').offset().top}, 800);
});
});
表示點擊相關ID移動到指定位置：
點擊ID為shang的元素，回到頂部；
點擊ID為comt的元素，回到ID為comments的位置；
點擊ID為xia的元素，回到底部；
$('.chat-content').animate({
scrollTop: $('.chat-content')[0].scrollHeight}, 500
);//這個實現 chat-content里的內容不斷增加，滾動條下滾
獲取時間
var d = new Date();
var send_time = d.getHours() + ":"+ d.getMinutes() + ":"+ d.getSeconds();
JSON
str = JSON.parse(jsonstr) 解析 json格式字符串
JSON.stringify(str) 生成json格式字符串
parseInt parseFloat
bind、delegate、on
bind是將事件綁定到某個或某種元素上，它不能綁定到尚未存在的元素上；
delegate 采用了事件委托的概念。不是直接為某個元素綁定事件，而是為其父元素（或祖先元素也可）綁定事件，如：
$("div").delegate("p", "click", function () {
alert($(this).text());
});
當在此例中的div元素父內任意元素上點擊時，事件會一層層從event target向上冒泡，直至到達你 為其綁定事件的元素P，冒泡的過程中，如果事件的currentTarget與選擇器匹配時，就會執行代碼。
這樣就解決了用bind()方法的上面兩個問題，不用再一個個地去為p元素綁定事件，也可以為動態添加進來的p元素綁定。甚至，如果你將事件綁定到document上，都不用等document準備好就可執行綁定。但是，如果層數太多，會影響到性能
on 是 JQUERY １.7 后官方建議的方式，
$("div").on("click","p",function(){
alert($(this).text());
})
對應于bind()、delegate()和on()綁定方法，其移除事件的方法分別為：
$( "div p" ).unbind( "click", handler );
$( "div" ).undelegate( "p", "click", handler );
$( "div" ).off( "click", "p", handler );
選擇器匹配到的元素比較多時，不要用bind()迭代綁定
用id選擇器時，可以用bind()
需要給動態添加的元素綁定時，用delegate()或者on()
用delegate()和on()方法，dom樹不要太深
盡量使用on()
用delegate來監測某個鍵是否按下以執行特殊方法監測body 下texarea有沒有敲回車 鍵
$("body").delegate("textarea", "keydown",function(e){
if(e.which == 13) {//Enter key down
aler( $("textarea").val());
} });//end body
7. 去掉focus的邊框
a:focus {
outline:none;
}
8.javascript 沒有trim功能,jquery有
str=' abc '
$.trim(str) // str='abc'
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
