avalon 명령과 js 함수 간단한 소개

1.setInterval 함수 및 setTimeout 함수
이 두 함수의 역할은 지정된 시간 T 이후에 지정된 함수를 실행하는 것입니다.그러나 set Timeout은 T 시간 후에 한 번 실행된 후에 다시 실행하지 않고, set Interval은 T 시간이 지나면 한 번 실행합니다.
두 함수의 구체적인 사용 형식은 setInterval(function () {......함수 내용}/함수 이름, 간격 T)과 setTimeout(function () {......함수 내용}, 간격 T)
setInterval(함수 이름, 간격 T)이라는 형식을 사용할 때 함수 이름에 괄호와 큰따옴표를 붙이지 마십시오. 예를 들어 함수를 정의합니다.

function drawStar() {
        var positionRight;
        var positionTop;
        (function getPosition() {
            positionRight = Math.random() * 1200 + 100;
            positionTop = Math.random() * 600 + 100;
        })();
        var animateLastTime=Math.random()*1500+1200;
        $(".div").prepend("<div><div><div><div><div></div></div></div></div></div>");
        $(".div>div").animate({ right: positionRight, top: positionTop }, animateLastTime);


    };

그리고 setInterval에서 사용하는 방법은 다음과 같다.

setInterval(drawStar,1000);

setInterval(”drawStar()",1000);

2, ms-if="표현식"및 ms-visible="표현식"

<span style="font-size: 18px;"> </span><span style="font-size:10px;"> <head> 
<span style="white-space: pre;">	</span><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <script src="avalon.js" ></script> 
        <script> 
            var model = avalon.define({ 
                $id: "test", 
                percent: 0 
            }) 
            var a = true 
            var id = setInterval(function() { 
                if (a) { 
                    if (model.percent < 100) { 
                        model.percent++ 
                    } else { 
                        a = false 
                    } 
                } else { 
                    if (model.percent > 0) { 
                        model.percent-- 
                    } else { 
                        a = true 
                    } 
                } 
            }, 100) 
        </script> 
 
    </head> 
</span>

이 두 명령은 모두 표현식의 값을 통해 라벨 내용을 표시할지 여부를 판단하고, 만약 표현식이 사실이라면 라벨 내용을 표시하고, 그렇지 않으면 표시하지 않는다.코드 예제는 다음과 같습니다.
ms-if var vmodel = avalon.define ({$id: "test", object: {}) setInterval (function () {vmodel.object = {id: "132", 메시지: "표시!!!" } }, 3000) setInterval(function() { vmodel.object = {} },5000)

비교 출력 결과: {{object.id!=null}}

이것은visible:{object.message}

이것은if:{{object.message}}

3,
이 명령의 역할은 지정한 그룹을 훑어보는 것입니다. 그리고 훑어보는 과정에서 XXX는 현재 지수 그룹의 대상을 나타냅니다.인스턴스는 다음과 같습니다.

이 단락 코드의 역할은 "array"수조를 두루 돌아다니며 수조의 모든 대상을 순서대로 표시하고 vm에서 정의한click1 함수에 전송하는 것이다 (vm에서 정의한 코드는 내가 붙이지 않고 vm에서 정의한 함수click1 ()
4. data-duplex-changed = "함수 이름"
이 코드의 역할은 컨트롤 값이 변할 때 vm에 대응하는 함수를 호출하는 것입니다.코드 예:
vm 정의 코드:

<script>
		var model=avalon.define({
		$id:"test",
		all_select:false,
		checkbox_array:[{checked:false},{checked:false},{checked:false}],
		all_select_change:function(){
		
		.... 
		
				
		}
		
		})
		</script>

html 코드:

<input type="checkbox" data-duplex-changed="all_select_change"> </input>

이 코드의 역할은 이 체크박스가 선택되거나 취소될 때 vm의 all_select_변경 방법.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

avalon 명령과 js 함수 간단한 소개

좋은 웹페이지 즐겨찾기