<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Mệnh đề GROUP BY trong SQL Server</title>
<meta name="description" content="Mệnh đề GROUP BY trong SQL Server - Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;menh-de-group-by-trong-sql-server-7748.html">
<meta name="author" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :.">
<meta name="copyright" content=".: Nguoicodonvn2008.info - Cõi lòng người cô đơn :. [admin@nguoicodonvn2008.info]">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="generator" content="NukeViet v4.5">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Mệnh đề GROUP BY trong SQL Server">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;menh-de-group-by-trong-sql-server-7748.html">
<meta property="og:site_name" content=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.">
<meta property="og:url" content="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/menh-de-group-by-trong-sql-server-7748.html">
<link rel="shortcut icon" href="https://www.nguoicodonvn2008.info/favicon.ico">
<link rel="canonical" href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/menh-de-group-by-trong-sql-server-7748.html">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/" title="Tin Tức" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/karaoke-dual/" title="Tin Tức - Karaoke Dual" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nhac-tre/" title="Tin Tức - Nhạc trẻ" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tru-tinh/" title="Tin Tức - Trữ tình" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/nuoc-ngoai/" title="Tin Tức - Nước ngoài" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/remix/" title="Tin Tức - Remix" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tam-su-tinh-yeu/" title="Tin Tức - Tâm sự tình yêu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tho-suu-tam/" title="Tin Tức - Thơ sưu tầm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/cuoc-song/" title="Tin Tức - Cuộc sống" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/phan-mem/" title="Tin Tức - Phần mềm" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/kien-thuc-may-tinh/" title="Tin Tức - Kiến thức máy tính" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/hoc-tap/" title="Tin Tức - Học tập" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/tai-lieu/" title="Tin Tức - Tài liệu" type="application/rss+xml">
<link rel="alternate" href="https://www.nguoicodonvn2008.info/vi/news/rss/de-thi/" title="Tin Tức - Đề thi" type="application/rss+xml">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css" type="text/css">
<link rel="preload" as="style" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css" type="text/css">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/language/vi.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/global.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/assets/js/site.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/news.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/main.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/custom.js" type="text/javascript">
<link rel="preload" as="script" href="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js" type="text/javascript">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/bootstrap.non-responsive.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/style.non-responsive.css">
<link rel="StyleSheet" href="https://www.nguoicodonvn2008.info/themes/default/css/news.css">
<link rel="stylesheet" href="https://www.nguoicodonvn2008.info/themes/default/css/custom.css">
<style type="text/css">
	body{background: #fff;}
</style>
    </head>
    <body>
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">.&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.</h2>
		<p class="pull-right"><a title=".&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;." href="https://www.nguoicodonvn2008.info/">https://www.nguoicodonvn2008.info</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Mệnh đề GROUP BY trong SQL Server</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 10/11/2023 09:01</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
		</div>
				<div class="imghome">
			<img alt="Mệnh đề GROUP BY trong SQL Server" src="https://st.quantrimang.com/photos/image/2020/08/14/ham-max-group-by-sql-server-2.png" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;"><strong>Group by trong SQL Server&nbsp;</strong>được dùng để làm gì? Sau đây là&nbsp;<strong>mọi điều bạn cần biết về Group by SQL Server</strong>.</p>

<p style="text-align: justify;">SQL Server là kiến thức mà mọi lập trình viên đều cần biết. Nó không phải ngôn ngữ lập trình. Nó là phương tiện giúp bạn quản lý dữ liệu hiệu quả. Mà code, dữ liệu là gốc của lập trình vì thế quản lý chúng rất quan trọng.</p>

<p style="text-align: justify;">Học cách sử dụng SQL Server không khó. Hãy bắt đầu từ những kiến thức cơ bản nhất được giới thiệu trên Quantrimang.com. Ở bài viết này, chúng ta hãy cùng nhau tìm hiểu về lệnh Group by là gì nhé!</p>

<p style="text-align: justify;">Lệnh Group by trong SQL Server được dùng để sắp xếp dữ liệu giống hệt nhau theo các nhóm với sự trợ giúp của một số hàm khác. Ví dụ, nếu một cột cụ thể có cùng giá trị với các hàng khác nhau, thì nó sẽ sắp xếp những hàng đó vào một nhóm.</p>

<p style="text-align: justify;">Đặc điểm nổi bật của Group by trong SQL Server</p>

<ul>
	<li style="text-align: justify;">Mệnh đề Group by được dùng với lệnh Select.</li>
	<li style="text-align: justify;">Trong truy vấn này, lệnh Group by được đặt sau mệnh đề WHERE.</li>
	<li style="text-align: justify;">Trong truy vấn này, mệnh đề GROUP BY được đặt trước lệnh Having.</li>
</ul>

<p style="text-align: justify;">Cú pháp:</p>

<pre id="pre0" style="text-align: justify;">
SELECT column1, column2,...columnN FROM table_name
&#91;WHERE&#93;
&#91;GROUP BY column1, column2...columnN&#93;
&#91;HAVING&#93;
&#91;ORDER BY&#93;</pre>

<p style="text-align: justify;">Mệnh đề SELECT có thể bao gồm cột được dùng với SQL GROUP BY. Vì thế, để bao gồm các cột khác trong hàm GROUP BY, dùng các hàm tổng hợp như COUNT(), MAX(), MIN(), SUM(), AVG() với những cột đó.</p>

<p style="text-align: justify;"><strong>Đặc điểm nổi bật của GROUP BY trong SQL:</strong></p>

<ul>
	<li style="text-align: justify;">Được dùng để tạo thành nhóm các bản ghi.</li>
	<li style="text-align: justify;">Đứng sau mệnh đề WHERE nếu có và trước HAVING.</li>
	<li style="text-align: justify;">Có thể bao gồm một hoặc nhiều cột để tạo thành một hoặc nhiều nhóm dựa trên cột đó.</li>
	<li style="text-align: justify;">Chỉ các cột GROUP BY có thể được dùng bao gồm trong mệnh đề SELECT. Để dùng các cột khác trong SELECT, dùng hàm tổng hợp.</li>
</ul>

<div style="text-align: justify;">&nbsp;</div>

<p style="text-align: justify;">Để các bạn dễ theo dõi cách sử dụng GROUP BY trong SQL Server và tiện làm ví dụ, chúng ta sẽ sử dụng bảng dữ liệu dưới đây trong toàn bộ bài viết.</p>

<p style="text-align: justify;">Bảng có tên&nbsp;<strong>Quantrimang.com</strong>, có 4 cột là IDChuyenmuc, Muccon, Chuyenmuclon, Sobai và 6 hàng như sau:</p>

<pre id="pre1" style="text-align: justify;">
+------------+----------+-------------+-------+
|IDChuyenmuc |  Muccon  |Chuyenmuclon | Sobai |
+------------+----------+-------------+-------+
|    1       |SQL Server|Lap trinh    | 101   |
|    2       |Facebook  |Mang xa hoi  | 152   |
|    3       |Python    |Lap trinh    | 101   |
|    4       |JavaScript|Lap trinh    | 122   |
|    5       |Chrome    |Web          | 94    |
|    6       |Instagram |Mang xa hoi  | 165   |
+------------+----------+-------------+-------+
</pre>

<h2 id="mcetoc_1efljeq8b5" style="text-align: justify;">Cú pháp mệnh đề GROUP BY trong SQL Server</h2>

<pre id="pre2" style="text-align: justify;">
SELECT
    bieu_thuc1,  bieu_thuc2,...  bieu_thuc_n, 
       ham_tong_hop (bieu_thuc)
FROM
    ten_bang
&#91;WHERE dieukien&#93;
GROUP BY
    bieu_thuc1,
    bieu_thuc2,...;</pre>

<p style="text-align: justify;">Tên biến hoặc giá trị biến:</p>

<ul>
	<li style="text-align: justify;"><strong>bieu_thuc1, bieu_thuc2,... bieu_thuc_n:&nbsp;</strong>Biểu thức không nằm bên trong hàm tổng hợp và phải nằm trong mệnh đề GROUP BY.</li>
	<li style="text-align: justify;"><strong>ham_tong_hop:&nbsp;</strong>Có thể là các hàm như SUM, COUNT, MIN, MAX hoặc AVG.</li>
	<li style="text-align: justify;"><strong>ten_bang:&nbsp;</strong>Bảng cần lấy bản ghi từ đó, phải có ít nhất 1 bảng trong mệnh đề FROM.</li>
	<li style="text-align: justify;"><strong>WHERE&nbsp;dieukien:&nbsp;</strong>Tùy chọn. Đây là điều kiện mà bản ghi phải đáp ứng để được chọn.</li>
</ul>

<h2 id="mcetoc_1efljeq8b6" style="text-align: justify;"><strong>Ví dụ - dùng hàm SUM</strong></h2>

<pre id="pre3" style="text-align: justify;">
SELECT Chuyenmuclon, SUM(Sobai) AS &quot;Tong&quot;
  FROM &#91;Quantrimang.com&#93;
  GROUP BY Chuyenmuclon;</pre>

<p style="text-align: justify;">Ví dụ này dùng hàm tính tổng SUM để trả về tên<em>&nbsp;Chuyenmuclon</em>&nbsp;và tổng số bài viết (S<em>obai</em>) (theo tên chuyên mục lớn).</p>

<p style="text-align: justify;">Vì bạn đưa ra 1 cột (<em>Chuyenmuclon</em>) trong lệnh&nbsp;<a href="https://quantrimang.com/hoc/lenh-select-trong-sql-server-147319" title="Lệnh SELECT trong SQL Server ">SELECT</a>&nbsp;và không nằm trong hàm SUM nên sẽ phải dùng mệnh đề GROUP BY.</p>

<p style="text-align: justify;">Khi đó ta có bảng kết quả trả về như sau:</p>

<pre id="pre4" style="text-align: justify;">
+--------------+------+
| Chuyenmuclon | Tong |
+--------------+------+
|Lap trinh     | 324  |
|Mang xa hoi   | 317  |
|Web           | 94   |
+--------------+------+
</pre>

<h2 id="mcetoc_1efljeq8b7" style="text-align: justify;"><strong>Ví dụ - dùng hàm COUNT</strong></h2>

<pre id="pre5" style="text-align: justify;">
SELECT  COUNT(Chuyenmuclon), Chuyenmuclon
  FROM &#91;Quantrimang.com&#93;
  WHERE Chuyenmuclon = &#039;Lap trinh&#039;
  GROUP BY Chuyenmuclon;</pre>

<div style="text-align: justify;">&nbsp;</div>

<p style="text-align: justify;">Ở ví dụ này, hàm COUNT sẽ trả về số lượng Chuyenmuccon của Chuyenmuclon Lap trinh:</p>

<pre id="pre6" style="text-align: justify;">
+------+--------------+
|      | Chuyenmuclon |
+------+--------------+
|  3   |  Lap trinh   |
+------+--------------+
</pre>

<p style="text-align: justify;">Nếu không muốn lấy tên cột mà chỉ cần trả về số lượng mục con, bạn chạy lệnh sau:</p>

<pre id="pre7" style="text-align: justify;">
SELECT  COUNT(Chuyenmuclon)
  FROM &#91;Quantrimang.com&#93;
  WHERE Chuyenmuclon = &#039;Lap trinh&#039;
  GROUP BY Chuyenmuclon;</pre>

<p style="text-align: justify;">Kết quả trả về sẽ chỉ có số 3.</p>

<h2 id="mcetoc_1efljeq8b8" style="text-align: justify;"><strong>Ví dụ - dùng hàm MIN</strong></h2>

<pre id="pre8" style="text-align: justify;">
SELECT Chuyenmuclon, MIN(Sobai) AS &#039;So luong it nhat&#039;
 FROM &#91;Quantrimang.com&#93;
 GROUP BY Chuyenmuclon;</pre>

<p style="text-align: justify;">Mệnh đề GROUP BY dùng với hàm MIN ở trên sẽ trả về Chuyenmuclon và số lượng bài ít nhất của mục lớn đó.</p>

<p style="text-align: justify;"><img alt="Kết quả sau khi dùng hàm MIN" data-i="0" data-src="https://st.quantrimang.com/photos/image/2020/08/14/ham-min-group-by-sql-server-1.png" data-was-processed="true" height="346" src="https://st.quantrimang.com/photos/image/2020/08/14/ham-min-group-by-sql-server-1.png" width="600" /></p>

<h2 id="mcetoc_1efljeq8b9" style="text-align: justify;"><strong>Ví dụ - dùng hàm MAX</strong></h2>

<pre id="pre9" style="text-align: justify;">
SELECT Chuyenmuclon, MAX(Sobai) AS &#039;So bai cao nhat&#039;
 FROM &#91;Quantrimang.com&#93;
 GROUP BY Chuyenmuclon;</pre>

<p style="text-align: justify;">Ví dụ cuối cùng này trả về tên của Chuyenmuclon và số bài cao nhất của chuyên mục.</p>

<p style="text-align: justify;">&nbsp;</p>

<ul>
	<li data-block-reason="4" data-trans-vn="Che nội dung" style="text-align: justify;">&nbsp;</li>
	<li data-block-reason="2" data-trans-vn="Không quan tâm" style="text-align: justify;">&nbsp;</li>
	<li data-block-reason="3" data-trans-vn="Không phù hợp" style="text-align: justify;">&nbsp;</li>
	<li data-block-reason="1" data-trans-vn="Thấy quá nhiều" style="text-align: justify;">&nbsp;</li>
</ul>

<div style="text-align: justify;"><br />
<img alt="Kết quả sau khi chạy hàm MAX" data-adbro-processed="true" data-i="1" data-src="https://st.quantrimang.com/photos/image/2020/08/14/ham-max-group-by-sql-server-2.png" data-was-processed="true" height="343" src="https://st.quantrimang.com/photos/image/2020/08/14/ham-max-group-by-sql-server-2.png" width="638" /></div>

<h2 id="mcetoc_1h7cke0t2b" style="text-align: justify;">Ví dụ - Dùng với mệnh đề HAVING</h2>

<p style="text-align: justify;">Nếu đang băn khoăn tự hỏi làm thế nào lọc kết quả sau khi nhóm, mệnh đề HAVING sẽ giúp bạn giải quyết vấn đề này.</p>

<pre id="pre10" style="text-align: justify;">
SELECT r.name, COUNT(*) AS albums
FROM albums l, artists r
WHERE artist_id=r.id
GROUP BY artist_id
HAVING albums &gt; 1;</pre>

<p style="text-align: justify;">Lưu ý, mệnh đề HAVING theo sau GROUP BY. Mặt khác, về cơ bản, đó là sự thay thế đơn giản cho WHERE với HAVING. Kết quả:</p>

<pre id="pre11" style="text-align: justify;">
+------------+--------+
| name | albums |
+------------+--------+
| Pink Floyd | 2 |
| Adele | 2 |
+------------+--------+</pre>

<p style="text-align: justify;">Bạn vẫn có thể dùng điều kiện WHERE để lọc kết quả trước khi nhóm. Nó sẽ hoạt động cùng với mệnh đề HAVING để lọc sau khi nhóm:</p>

<pre id="pre12" style="text-align: justify;">
SELECT r.name, COUNT(*) AS albums
FROM albums l, artists r
WHERE artist_id=r.id
AND release_year &gt; 1990
GROUP BY artist_id
HAVING albums &gt; 1;</pre>

<div style="text-align: justify;"><iframe allowtransparency="true" data-google-container-id="a!4" data-google-query-id="CNeZ4ILMuYIDFcVQKgodDNsA5A" data-load-complete="true" frameborder="0" height="0" hspace="0" id="aswift_3" marginheight="0" marginwidth="0" name="aswift_3" sandbox="" scrolling="no" vspace="0" width="694"></iframe></div>

<p style="text-align: justify;">Kết quả: Chỉ một nghệ sĩ trong cơ sở dữ liệu đã phát hành nhiều hơn 1 album sau năm 1990.</p>

<pre id="pre13" style="text-align: justify;">
+-------+--------+
| name | albums |
+-------+--------+
| Adele | 2 |
+-------+--------+</pre>

<div style="text-align: justify;">&nbsp;</div>
		</div>
				<div id="author">
						<p>
				<strong>Nguồn tin:</strong>
				Quantrimang.com
			</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/menh-de-group-by-trong-sql-server-7748.html" title="Mệnh đề GROUP BY trong SQL Server">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/menh-de-group-by-trong-sql-server-7748.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; .&#x3A; Nguoicodonvn2008.info - Cõi lòng người cô đơn &#x3A;.
		</div>
		<div id="contact">
			<a href="mailto:admin@nguoicodonvn2008.info">admin@nguoicodonvn2008.info</a>
		</div>
	</div>
</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://www.nguoicodonvn2008.info/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
		</script>
		<div class="car-top">
  <span><img src="https://www.nguoicodonvn2008.info/themes/default/images/car.png" alt=""></span>
</div>
<script src="https://www.nguoicodonvn2008.info/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="news",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4c_e856T",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=0,nv_recaptcha_ver=2,nv_recaptcha_sitekey="",nv_recaptcha_type="image",XSSsanitize=1;</script>
<script src="https://www.nguoicodonvn2008.info/assets/js/language/vi.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/DOMPurify/purify3.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/global.js"></script>
<script src="https://www.nguoicodonvn2008.info/assets/js/site.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/news.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/main.js"></script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/custom.js"></script>
<script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "url": "https://www.nguoicodonvn2008.info",
            "logo": "https://www.nguoicodonvn2008.info/uploads/angel.gif"
        }
        </script>
<script src="https://www.nguoicodonvn2008.info/themes/default/js/bootstrap.min.js"></script>
<script type="text/javascript">
var $scrolltop = $('.car-top');
$scrolltop.on('click', function () {
    $('html,body').animate({
        scrollTop: 0
    }, 800);
    $(this).addClass("car-run");
    setTimeout(function(){ $scrolltop.removeClass('car-run');}, 1000);
    return false;
});
$(window).on('scroll', function ()
{ 
    if($(window).scrollTop() >= 200)
    {
        $scrolltop.addClass("show");
        $scrolltop.addClass("car-down");
    }
    else
    {
       $scrolltop.removeClass("show");
       setTimeout(function(){ $scrolltop.removeClass('car-down');}, 300);
    }
});
</script>
</body>
</html>