masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > 使用Angular如何实现定时器功能

使用Angular如何实现定时器功能

亚连
Lepaskan： 2018-06-14 16:43:53
asal
2238 orang telah melayarinya

这篇文章主要介绍了Angular实现的简单定时器功能,结合实例形式分析了AngularJS定时器功能的简单实现与使用技巧,需要的朋友可以参考下

本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net Angular定时器</title>
  <script src="angular.min.js"></script>
  <script>
    var myapp=angular.module("myapp",[]);
    myapp.controller("myCtrl",function ($scope,$interval,$timeout) {
      $scope.num=0;
      $scope.fun=function () {
//        $interval(function () {
//          $scope.num++
//        },1000)
//        setInterval(function () {
//          $scope.$apply(function () {
//            $scope.num++;
//            console.log($scope.num)
//          })
//        },1000);
//                $interval(function () {
//
//            $scope.num++;
//            console.log($scope.num);
//
//        },1000,5,false);
        $timeout(function () {
          $scope.num++;
        },1000);
      }
    })
  </script>
</head>
<body ng-app="myapp" ng-controller="myCtrl">
<p>{{num}}</p>
<button ng-click="fun()">按钮</button>
</body>
</html>
Salin selepas log masuk

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

详细解读Angular有关报错404问题

在微信小程序中如何使用switch开关选择器

在JavaScript中如何计算多边形质心

在Angular19中有关自定义表单控件使用

Atas ialah kandungan terperinci 使用Angular如何实现定时器功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
angular pemasa
sumber：php.cn
Artikel sebelumnya：通过JS如何实现延迟隐藏功能 Artikel seterusnya：使用Angular如何实现三角箭头标注功能
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Sudut 7 alih keluar atribut pendua dalam SCSS AngularSASS (.scss) menjalurkan sifat. Bagaimanakah saya boleh menghalang perkara ini dari...
daripada 2024-04-04 23:28:54
0
1
1382
Ralat dilemparkan apabila mengimport pembina prototaip Javascript dalam aplikasi Angular Saya mempunyai aplikasi Angular di mana saya cuba mengimport fail JS yang mempunyai pembin...
daripada 2024-04-04 11:36:15
0
1
288
Menjana kandungan menggunakan Ajax - menatal ke Id tidak berfungsi Saya menjana kandungan halaman berdasarkan data yang diperoleh melalui ajax. Masalah yang ...
daripada 2024-04-04 09:29:39
0
1
397
Buat penyeret suhu SVG bulat dalam Angular? Berikut ialah demonstrasi statik penyeret ibu jari bulat yang saya cuba buat dalam Angular...
daripada 2024-04-03 09:33:29
0
1
376
Sudut: Pengikatan sifat untuk memahami warna elemen teks tidak mempunyai kereaktifan Berikut ialah fail .ts saya, import{Component}from'@angular/core';@Component({selector:'ap...
daripada 2024-04-01 17:28:52
0
1
358
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan