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秒ごとに連続して動作させることになります。

アプリを動かしてみます

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

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

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

ぜひお試しあれ。

スポンサーリンク

スイフト　ドアステップ傷防止シート

7,128 円 (税込)

AQUA-STYLE

■スイフトZC83・53・13、ZD83・53・33専用　ドアステップ傷防止シート　フロント・リア4枚セット ■足の当たるドアステップ部分へ貼り込みする傷防止のカーボンシートです。 ■ロゴ、AQUA　STYLEロゴ、ロゴ無しが選べます。 ■ロゴのカラーはレッド、ブルー、ホワイト、オレン..

【公式】アディダス adidas TERREX SWIFT R2 MID GTX メンズ AC7771 テレックス（アウトドア） シューズ 合成繊維 合成皮革 ゴム底

12,096 円 (税込) 送料込

adidas Online Shop 楽天市場店

※あくまで目安であり注文状況により異なります。（営業日のみ当日発送となります。休業日は対象外となりますため予めご了承ください）※配送日指定は「5日後」から指定可能です。最短での商品到着をご希望のお客様は、配送日は指定せずにご注文下さい。商品の特徴さまざまな..

Swift4プログラミング入門 iOS11＋Xcode9対応 [ 飛岡辰哉 ]

3,564 円 (税込) 送料込

楽天ブックス

評価 3

iOS11＋Xcode9対応 飛岡辰哉 ソシムスイフト フォー プログラミング ニュウモン トビオカ,タツヤ 発行年月：2018年04月 予約締切日：2018年01月11日 ページ数：800p サイズ：単行本 ISBN：9784802611534 飛岡辰哉（トビオカタツヤ） ソフトウェアエンジニア。iOSアプリの開..

詳細！Swift 4 iPhoneアプリ開発 入門ノート Swift 4+Xcode 9対応【電子書籍】[ 大重美幸 ]

3,542 円 (税込) 送料込

楽天Kobo電子書籍ストア

＜p＞＜strong＞※この商品は固定レイアウトで作成されており、タブレットなど大きいディスプレイを備えた端末で読むことに適しています。＜br/＞また、文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。＜br/＞お使いの端末で無料サンプルをお試しい..

☆送料無料！☆ V-SWIFT FF (VスウィフトFF) TVR492-0123 【ASICS】アシックス バレーボールシューズ

10,800 円 (税込) 送料込

フライトスポーツwebshop

スピードを武器にする選手へ。クッション性との両立を追求した軽量モデル。 ■カラー：(0123)ホワイト×クラシックレッド他のカラーはこちら↓ ミッドカットモデルはこちら↓

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個セット個性あふれるオーディオユニットを豊富にご用意。※取り付けには、別途..

REPUTATION【輸入盤】▼/TAYLOR SWIFT[CD]【返品種別A】

2,246 円 (税込)

Joshin web CD／DVD楽天市場店

評価 5

品　番：300-3310発売日：2017年11月10日発売出荷目安：5〜10日□「返品種別」について詳しくはこちら□品　番：300-3310発売日：2017年11月10日発売出荷目安：5〜10日□「返品種別」について詳しくはこちら□CDポップス発売元：輸入盤※海外メーカー都合により、商品内容が急遽..

【公式】アディダス adidas スウィフト [SWIFT RUN PK] レディース メンズ CQ2896 シューズ 合成繊維 ゴム底

4,752 円 (税込)

adidas Online Shop 楽天市場店

※あくまで目安であり注文状況により異なります。（営業日のみ当日発送となります。休業日は対象外となりますため予めご了承ください）※配送日指定は「5日後」から指定可能です。最短での商品到着をご希望のお客様は、配送日は指定せずにご注文下さい。商品の特徴快適さとス..

アシックス（ASICS） V-SWIFT FF MT TVR491.0601 （Men's、Lady's）

9,990 円 (税込)

SuperSportsXEBIO楽天市場支店

●スピードを追求する選手へ。クッション性との両立を追求した軽量モデル。【2018年春夏モデル】【2018ssmodel】【アシックス】【ASICS】【SLSL】●素材:【アッパー】合成繊維/合成樹脂 【アウトソール】ゴム底●ベトナム●インナーソール:取り替え式(ortholite)※シューズの製造..

ブレーキパッド D9029M 社外品 左右セット スイフト ムーヴ bB エブリィプラス 等【あす楽】【配送種別:B】

1,350 円 (税込)

納得ショップ

評価 4.28

当商品はメーカー純正品ではなく社外品です。 ブレーキパッド シム付 前輪 フロント用 社外品 【純正品番】 04465-97402 04465-B1150 04465-B1170 04491-97402 04465-B1170 04491-97207 04491-97216 04491-97402 55810-60J12 55810-76A00 55810-76A01 500810-76A02 500810-8..