longing加載中實例

番茄西紅柿發布于2019-04-23 13:11 / 1929人閱讀

摘要：可用實例對象手動開啟播放可選參數參數需要是一個函數，在素材加載完畢后運行。開始計算框距離頂部和左部的距離框的寬度為，高度為在頁面未加載完畢之前顯示的自定義內容呈現效果頁面加載中，請等待監聽加載狀態改變加載狀態為時移除效果

利用圖片播放

<div class="wrap" id="wrap" style="position: inherit; height: 604px;">
    <div class="main">
        <script src="http://www.zaidu.sn.cn/zaidu/刺激戰場爭霸賽3/js/canvas.js">script>
<div id="loading" class="compatibleStyle">
            <div id="startPlay" style="display: none">開始刺激時刻div>
            <canvas id="clgass" width="128" height="128">canvas>
            <script>
            var frame_Imgs_1=[run_1.png,run_2.png,run_3.png,run_4.png,run_5.png,run_6.png,run_7.png,run_8.png,run_9.png,run_10.png,run_11.png,run_12.png,run_13.png,run_14.png,run_15.png,run_16.png,];

            //新建動畫實例
            var cfa1=new canvasfa({
                    cav:clgass//canvas畫布id
                    ,frames:frame_Imgs_1//幀動畫的素材
                    ,url:http://www.zaidu.sn.cn/demo/zaidu_03/img///圖片路徑
                    ,fps:24//【可選參數】每秒幀數，默認每秒15幀。（液晶屏每秒刷新60次，所以幀數最好是可以整除60的數）
                    ,loop:true//【可選參數】循環播放，false則單次播放并停留在最后一幀，true和默認是循環播放
                    //,autoplay:false//【可選參數】素材加載完畢后是否自動播放； false不播放，true和默認是自動播放。可用 實例對象.start()手動開啟播放
                    //,loading_done:alert1//【可選參數】參數需要是一個函數，在素材加載完畢后運行。可缺省此參數。
                
            });
                
//開始            
var _PageHeight = document.documentElement.clientHeight,
    _PageWidth = document.documentElement.clientWidth;
//計算loading框距離頂部和左部的距離（loading框的寬度為215px，高度為61px）
var _LoadingTop = _PageHeight > 61 ? (_PageHeight - 61) / 2 : 0,
    _LoadingLeft = _PageWidth > 215 ? (_PageWidth - 215) / 2 : 0;
//在頁面未加載完畢之前顯示的loading Html自定義內容
var _LoadingHtml = document.getElementById("clgass");
//呈現loading效果
                
                
/*頁面加載中，請等待...*/
                
                
document.write(_LoadingHtml);

//window.onload = function () {
//    var loadingMask = document.getElementById(loadingDiv);
//    loadingMask.parentNode.removeChild(loadingMask);
//};

//監聽加載狀態改變
document.onreadystatechange = completeLoading;

//加載狀態為complete時移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
        var loadingMask = document.getElementById(loading);
        loadingMask.parentNode.removeChild(loadingMask);
    }
}    
script>     
    div>

云服務器 GPU云服務器加載中正在加載中數據加載中按鈕加載中

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1545.html

Java魔法類——Unsafe應用解析

摘要：典型應用鎖和同步器框架的核心類，就是通過調用和實現線程的阻塞和喚醒的，而的方法實際是調用的方式來實現。前言 Unsafe是位于sun.misc包下的一個類，主要提供一些用于執行低級別、不安全操作的方法，如直接訪問系統內存資源、自主管理內存資源等，這些方法在提升Java運行效率、增強Java語言底層資源操作能力方面起到了很大的作用。但由于Unsafe類使Java語言擁有了類似C語言指針...

reclay 2019-08-16 15:05 評論0 收藏0
Java高級程序員必備：反射、動態代理

摘要：相比硬編碼，反射要復雜的多，但其給我們帶來了更大的靈活性。實際上構造函數也是類的靜態方法，因此使用關鍵字創建類的新對象也會被當做對類的靜態引用，從而觸發類加載器對類的加載。基礎基礎主要是為反射提供通用特性的接口或基類。 1. Java類型系統獲取Java類型系統，主要有兩個方式：一種是傳統的RTTI（Run-Time Type Identification），它假定我們在編譯時已經知...

church 2019-08-19 11:00 評論0 收藏0
Java 多線程核心技術梳理(附源碼)

摘要：本文對多線程基礎知識進行梳理，主要包括多線程的基本使用，對象及變量的并發訪問，線程間通信，的使用，定時器，單例模式，以及線程狀態與線程組。源碼采用構建，多線程這部分源碼位于模塊中。通知可能等待該對象的對象鎖的其他線程。本文對多線程基礎知識進行梳理，主要包括多線程的基本使用，對象及變量的并發訪問，線程間通信，lock的使用，定時器，單例模式，以及線程狀態與線程組。寫在前面花了一周時...

Winer 2019-08-16 11:46 評論0 收藏0
【實戰Java高并發程序設計】連載1–Java中的指針：Unsafe類

摘要：不難看出，方法的內部，必然是使用原子指令來完成的。它是一個內部使用的專屬類。注意根據類加載器的工作原理，應用程序的類由加載。加載器沒有對象的對象，因此試圖獲得這個類加載器會返回。如果你對技術有著不折不撓的追求，應該還會特別在意incrementAndGet() 方法中compareAndSet()的實現。現在，就讓我們更進一步看一下它把！public final boolean co...

EasonTyler 2019-08-14 15:12 評論0 收藏0
Python 外部函數調用庫ctypes簡介

摘要：最近了解了提供的一個外部函數庫它提供了語言兼容的幾種數據類型，并且可以允許調用編譯好的庫。這里是閱讀相關資料的一個記錄，內容大部分來自官方文檔。注意，提供的接口會在不同系統上有出入，比如為了加載動態鏈接庫，在上提供的是而在上提供的是和。參考資料 https://docs.python.org/2.7/l... http://www.ibm.com/developerw... c...

mykurisu 2019-07-31 10:54 評論0 收藏0