Swift NSTimerを使ってカウントダウンタイマーアプリを作ってみましょう。

Swiftを使ったプログラミングのお話です。

今回はNSTimerを使ってカウントダウンタイマーアプリをサクッと作ってみましょう。

カウントダウンタイマーを作成します

それでは早速始めましょう！

まずはxcodeで新しいプロジェクトを作ってみましょう。

基本的にアプリのプログラミングは Single View Application を使うのが良いでしょう。…ということで、Single View Application を選択します。

そしてプロジェクトの名称を付けますが、私は Timer という名称にしました。お好きな名前をつけて頂ければ良いでしょう。

準備ができたら早速 Main Story Board を開き、 Label を配置しましょう。テキストの装飾やレイアウトなどはお好きなように調整してみてくださいね。私は説明をわかりやすくするために画面の中央に大きな文字で配置しました。

次に配置したラベルと対応するViewControllerをoutlet接続します。丸が重なっているアイコンを選択し、Main Story Boardの横にViewControllerを表示したら、ラベルをクリックし、controlを押しながらドラッグします。ちなみに私はこの接続に timer と名付けました。

ここまでできたら次はViewControllerでの作業に移ります。

ViewController classに以下を追記します。ちなみに今回の例ではカウント100から0まで100秒間のカウントダウンを行います。

var timeCount = 100
var myTimer = NSTimer()

これで初期状態のセットとタイマーメソッドの定義ができました。

次にタイマーを動かすための関数を追記します。内容は以下の通りです。
func timerUpdate() {
timeCount -= 1
timer.text = “TIME: \(timeCount)”
if timeCount < 1 {
myTimer.invalidate()
}
}

この関数により、1秒経過ごとにカウント数を-1してラベルの表記を書き換えることになります。

ひとつ注目しておきたいのは、最後の部分で、if timeCount < 1 つまり、timeCountが1より小さくなった時点で myTimer.invalidate() つまりタイマーを強制停止させている点です。

これにより、カウントダウンがゼロで停止することになります。

最後に override func viewDidLoad() { 内に以下の記述を施します。
myTimer = NSTimer.scheduledTimerWithTimeInterval(1.0, target: self, selector: #selector(ViewController.timerUpdate), userInfo: nil, repeats: true)

この記述により、タイマーを1.0秒ごとに連続して動作させることになります。

アプリを動かしてみます

シミュレーターでアプリを動かしてみると…

タイマーが動作し、カウントゼロで停止しました。

この基本的な機能を使って色々と応用ができそうですね。

ぜひお試しあれ。

スポンサーリンク

詳細！Swift　iPhoneアプリ開発　入門ノート　iOS　12+Xcode　10対応 [ 大重美幸 ]

3,456 円 (税込) 送料込

楽天ブックス

大重美幸 ソーテック社ショウサイ　スイフト　アイフォーンアプリカイハツ　ニュウモンノート　アイオーエス　ジュウニ　エックコードジュウ　タイオウ オオシゲヨシユキ 発行年月：2018年11月02日 予約締切日：2018年09月26日 ページ数：656p サイズ：単行本 ISBN：9784800..

SUZUKI スズキ 純正 SWIFT スイフト ツイーター [2016.12〜仕様変更][ 99191-54P00 ]

5,432 円 (税込)

desir de vivre

INFORMATION 対応車種【 SUZUKI スズキ / SWIFT スイフト 】対応年式【2016.12〜仕様変更】カタログ型番【ZC13S/ZC53S/ZD53S/ZC83S/ZD83S】純正品番【99191-54P00】ツイーター ※image photo左右2個セット個性あふれるオーディオユニットを豊富にご用意。※取り付けには、別途..

Teva(テバ) M ARROWOOD SWIFT SLIP ON(メンズアローウッドスウィフトスリッポン) 1017171 ブラック/ホワイト

10,800 円 (税込) 送料込

靴通販のシューズショップASBee

モダンアウトドアをコンセプトにデビューした「Arrowood Collection」の登場。まるで浮く(フロート)ような感覚になるほどの軽量アウトソール「フロートライト」を採用。驚くほどの軽さとクッション性・耐久性・耐摩耗性に加え、抜群のグリップ力を発揮し、アウトドアをはじ..

ACER　エイサー 【エントリーでポイント最大37倍 マラソン期間限定】SF114-32-N14Q/P ノートパソコン Swift 1 サクラピンク [14.0型 /i..

59,150 円 (税込) 送料込

楽天ビック

持ち運びにも便利な薄型スリムモデル■手軽に持ち運べるコンパクトボディSwift 1は薄さ14.95mm、質量1.3kgの薄型・軽量設計。アルミニウム素材のボディは頑丈ながらスタイリッシュな仕上がりに。A4サイズとほぼ同じ大きさなので、カバンの中にも無理なく収まります。手軽に持..

［改訂新版］Swiftポケットリファレンス【電子書籍】[ WINGSプロジェクト　片渕彼富【著】 ]

3,110 円 (税込) 送料込

楽天Kobo電子書籍ストア

＜p＞Swift 4の登場に合わせて内容を刷新したポケットリファレンスの改訂版です。Swiftは2014年に誕生したばかりの若いプログラミング言語ということもあり，アップデートのたびに改良・改変される内容もまだ多くあります。そのようなSwiftを使いこなすうえで，困ったときに..

レイル スイフト スポーツ ZC32S リバースノブ レッド

9,441 円 (税込) 送料込

Autostyle

メーカーレイルメーカーコードS78044RKR備考純正のリバース・ノブと交換するだけの簡単装着。アルミ削り出しでアルマイトを施し、車内をスポーティーに演出します。 ブルー・ゴールド・パープル・レッド・シルバーの5色設定。 アルミ削り出し ＆ 樹脂重量 ： 100g【年式】&n..

全品10倍&2000円クーポン♪4/22（月）20:00〜4/26（火）01:59オカムラ スイフト スタンディングデスク基本施工費込 手跡が付きにくいマ..

160,596 円 (税込) 送料込

SOHO本舗

評価 5

　寸法図 [幅] 1,400(1,350)mm [奥行き] 700(675)mm [高さ] 650-1,250mm

【送料無料】スズキ NEW SWIFT/2017 サイドバイザー ドアバイザー 外装パーツ ドレスアップ スモーク カー用品 車種専用 金具付き 4P ..

6,880 円 (税込) 送料込

modify room 楽天市場店

ITEM INFORMATION 　ドアバイザー サイドバイザー 　車種：スズキ NEW SWIFT/2017 ZC13S/ZC83S/ZD83S/ZC53S/ZD53S H28.12〜 セット内容 　4Pセット：フロント×2 リア×2　専用留め具 カラー 　スモーク（透明感ある） 商品仕様 1．車種専用設計の為、社外品の中でも高いクオ..

asics アシックス バレーボールシューズ V-SWIFT FF LO ホワイト×ブラック TVR492 0190 メンズ レディース

10,260 円 (税込) 送料込

eSPORTS eケンコー支店

こちらの商品は アシックス(asics) バレーボールシューズ V-SWIFT FF LO ホワイト×ブラック TVR492 0190 【バレーボール シューズ メンズ レディース 軽量】 です。ミッドソールに軽量性・反発性のあるFlyteFoamを搭載。スピードを武器にする選手へ。クッション性との両立を..

アシックス asics V-SWIFT FF ブイスウィフト TVR492-0123 バレーボールシューズ ユニセックス メンズ レディース 18SS

10,500 円 (税込) 送料込

ステップスポーツ楽天市場店

商品名:V-SWIFT FF アッパー:合成繊維+合成樹脂 アウターソール:ゴム底 インソール:取り替え式（ortholite） コメント:スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。