2. 程式人生 > >h5 ios 切入後臺執行倒計時問題

h5 ios 切入後臺執行倒計時問題

阿新 • • 發佈：2019-02-11

實操解決ios切入後臺倒計時不在執行

ios的後臺為虛擬後臺，當把正在執行的程式切入後臺時，邏輯不在執行。但是專案中包含著倒計時，切入後臺時倒計時也不再執行，這就導致切入後臺的程式，再次執行時倒計時的時間對不上!
處理這個問題前，進入了一個誤區，就是想著去監聽執行的程式被切入到後臺，但都以失敗告終。

於是想了一下能不能做一個標記，把這個標記作為一個時間的節點去執行，應該拿什麼去做標記？？程式切入後臺時，邏輯不在執行，再次切回來時倒計時還要是正常的狀態,既然跟時間有關，為什麼不去拿去本地的時間呢？？

  • 倒計時開始前 var start_time
  • 在執行倒計時再次 var end_time
  • 服務端返回時間戳或自定義時間 var build_time
  • 時間差作為時間標記（行走時間） var diff_time = end_time - start_time

開擼！！

<!DOCTYPE HTML>
<html>
<title>time</title>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
 
>
<script type="text/javascript" src="jquery.js"></script>  
<style type="text/css">
    *{
        margin: 0;
        padding: 0;
    }
    div{
        background: skyblue;
        width: 100%;
        height: 200px;
        margin: auto;
        display: flex;
        color: #fff;
    }
 

    p{
        margin: auto;
        font-size: 30px;
    }
    span{
        width: 40px;
        height: 40px;
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        line-height: 40px;
        background: #fff;
        margin:  0 10px;
        color: #ff3d00;
    }
</style>
</head>    
<body>  
    <div>
        <p><span>0</span>天<span>0</span>時<span>0</span>分<span>0</span>秒</p>
    </div>
</body>
 <script type="text/javascript">
    $(function(){
        var build_time  = 527731; //定義倒計時總數
        var start_time = new Date();
        start_time = start_time.getTime();//獲取開始時間的毫秒數

        downTime = setInterval(function(){
            //倒計時實時結束時間
            var end_time = new Date();
            end_time = end_time.getTime();

            //拿到時間差作為時間標記（行走時間）
            var diff_time = Math.floor((end_time - start_time));
            //建立時間減去行走時間
            var cut_time= build_time - diff_time;

            if (cut_time> 0) {

                nD = checkTime(Math.floor(cut_time/1000/60/60/24));

                nH = checkTime(Math.floor(cut_time/(1000*60*60))%24);

                nM = checkTime(Math.floor(cut_time/(1000*60))%60);

                nS = checkTime(Math.floor(cut_time/1000)%60);

                msg = "<span>" + nD + "</span>天<span>" + nH + "</span>時<span>" + nM + "</span>分<span>" + nS + "</span>秒"

                $("p").html(msg);

            } else {
                clearInterval(timer);
               //執行你需要的邏輯
               alert("多少人曾羨慕你年輕時的容顏！")
            }
        },1000);

        function checkTime(n){
            return n < 10 ? '0' + n : '' + n
        }
    })
</script>
</html>

其實主要是以拿取本地的時間的時間差作為所行走的時間 即使把程式切入後臺在次切回的時間差是改變的，所以倒計時再時間上也是改變的。

相關推薦

h5 ios 切入後臺執行倒計時問題

實操解決ios切入後臺倒計時不在執行 ios的後臺為虛擬後臺，當把正在執行的程式切入後臺時，邏輯不在執行。但是專案中包含著倒計時，切入後臺時倒計時也不再執行，這就導致切入後臺的程式，再次執行時倒計時的時間對不上! 處理這個問題前，進入了一個誤區，就是想著去監

ios程式後臺執行時，當有訊息推送過來，如何修改程式角標上是數字

這個得在發訊息的伺服器中給你累加，客戶端只是被動的顯示applicationIconBadgeNumber值。當客戶端收到推送訊息時要告訴伺服器端，伺服器將applicationIconBadgeNumber置為0，當在後臺或未開啟時，不能告訴伺服器端，伺服器每發一條，就會

iOS常駐後臺執行實現

最近重新看iOS的開發，確實有一些新的發現： 1、短時間常駐（3分鐘）： 比較簡單，在AppDelegate裡進行後臺任務申請 var backgroundTask:UIBackgroundTaskIdentifier! = nil 申請一個任務ID func ap

iOS 程式後臺執行保持程式後臺長時間執行

新增UIBackgroundModes中audio值，註冊後臺音訊應用。這個值使得應用程式可以在後臺使用可聽的背景，如音樂播放或者音訊流應用。對於支援音訊和視訊功能的應用程式也可以新增該值以保證可以繼續持續的執行流。 當audio值設定後，當你的應用程式進入後臺後，系統

IOS微信後臺執行時候倒計時暫停問題

　　最近給央視做了個H5答題遊戲，但在倒計時上遇到一個終端問題：手機端按Home鍵將微信收入後臺之後，IOS11 會繼續跑JS五秒鐘，注意是5秒，也就是倒計時9的時候收到後臺，等1分鐘再開啟，JS會從4開始倒計時。 聽說IOS6的時候能跑10分鐘，IOS7有3分鐘，I

ios實現程式切入後臺，實現後臺任…

1，專案需求，是程式home鍵切入後臺，3分鐘後退出登陸，   首先，iOS 會再持續切入後臺，給我們5秒鐘的時間去處理相關資料，5秒後，程式不會再執行任何程式碼，處於掛起狀態。 - (void)applicationDidEnterBackground:(UIApplication *)app

iOS本地伺服器-GCDWebServer支援後臺執行

遇到的問題： GCDWebServer不支援長連結，只要App退到後臺，connect自動就stop，網頁請求無法獲得響應。 解決辦法： 1）開啟支援後臺模式：將GCDWebServer.m中的GCDWebServerOption_AutomaticallySuspendInBackground設定為NO；

IOS在後臺每隔一段時間執行一下

步驟： 1.在info.plist里加入UIBackgroundModes鍵，其值為陣列，陣列之一為voip字串： <key>UIBackgroundModes</key><array><string>voip</

IOS 後臺執行介紹及解決辦法

第一部分 1.先說說iOS 應用程式5個狀態： 停止執行-應用程式已經終止，或者還未啟動。 不活動-應用程式處於前臺但不再接收事件（例如，使用者在app處於活動時鎖住了裝置）。 活動-app處於“使用中”的狀態。 後臺-app不再螢幕上顯示，但它仍然執行程式碼。 掛起-ap

iOS後臺執行模式（background execution mode）

參考網址：https://developer.apple.com/library/prerelease/ios/documentation/iPhone/Conceptual/iPhoneOSProgrammingGuide/BackgroundExecution/Bac

ios 實現在後臺執行的長期任務

       當用戶點選home鍵，ios系統會讓我們的程式進入到後臺狀態，對於許多應用來說，程式進入到後臺後會被掛起，掛起應用能夠提高電池的使用時間，還能讓ios把重要的系統資源分配給正在前臺執行的程式。       但是在有些情況下，我們需要程式在進入後臺時仍然正常執行

iOS通過後臺標識使程式在後臺長久執行

正常情況下，當應用被按Home鍵退出後，應用僅有最多5秒鐘的時間做一些儲存或者清理資源的工作。但是應用可以呼叫UIApplication的beginBackgroundTaskWithExpirationHandler方法，讓應用在後臺長久的執行。 讓

iOS 4 多工和後臺執行原理圖

可能很多開發者對 iOS4 的多工和程式後臺執行原理還不是很瞭解，Dr. Touch部落格繪製的這張流程圖深入淺出的揭示了一個 iPhone 應用在 iOS4 中執行的全過程，既全面嚴謹又簡單易懂，推薦大家抽空看一下。您也可以下載 PDF 大圖在本地檢視

[iOS]讓APP支援後臺執行

加入如下程式碼，你的app就可以支援後臺運行了～很簡單 #import "AppDelegate.h" static UIBackgroundTaskIdentifier bgTask; @implementation AppDelegate - (void)applic

IOS後臺執行 之 後臺播放音樂

iOS 4開始引入的multitask，我們可以實現像ipod程式那樣在後臺播放音訊了。如果音訊操作是用蘋果官方的AVFoundation.framework實現，像用AvAudioPlayer，AvPlayer播放的話，要實現完美的後臺音訊播放，依據app的功能需要，可能需要實現幾個關鍵的功能。 首先，播

iOS 後臺執行

iOS在升級到4.0以後就支援了多工了。下文將詳細介紹一下這個特性。 1、檢查裝置是否支援多工 Apple出於效能的考慮，並不是所有的iOS裝置升級到iOS4以後都支援多工，比如iPhone 3G。如果你的應用在沒有多工特性時會出問題，為了保持應用的健壯性，你應該對此

使用forever讓nodejs應用後臺執行

forever linux nodejs 使用終端連接執行nodejs後，用戶斷開客戶連接，服務就stop了。於是可以用forever，後臺執行命令，然後保持服務運行 yum install forever -y #安裝 forever start app.js

forever讓nodejs應用後臺執行

本地 highlight 文件夾 amp 一個 exit 建議 api 不知道 nodejs一般是當成一條用戶命令執行的，當用戶斷開客戶連接，運用也就停了，很煩人。如何讓nodejs應用當成服務，在後臺執行呢？ 最簡單的辦法： $ nohup node app.js &am

ios LocationSensor 後臺運行

ati span ios clas then ras als ear learn 設置好，LocationSensor.active := true。 當按home鍵或黑屏後，程序將立馬掛起。LocationSensorLocationChanged事件也不會響應。 有人說

雜園日記-H5-IOS-Android混合開發

api div col 調用 strong java -i 日記 post 1.js 調用 原生API iOS: window.webkit.messageHandlers.yourFunName.postMessage({"1":"3"}); //調用的方法名稱為：yo