<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>LEFT JOIN trong SQL</title>
<meta name="description" content="LEFT JOIN trong SQL - Savefile - Tin Tức - https&#x3A;&#x002F;&#x002F;www.nguoicodonvn2008.info&#x002F;vi&#x002F;news&#x002F;savefile&#x002F;kien-thuc-may-tinh&#x002F;left-join-trong-sql-7591.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="LEFT JOIN trong SQL">
<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;left-join-trong-sql-7591.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/left-join-trong-sql-7591.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/left-join-trong-sql-7591.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>LEFT JOIN trong SQL</h1>
		<ul class="list-inline">
			<li>Thứ hai - 02/10/2023 07:39</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="LEFT JOIN trong SQL" src="https://st.quantrimang.com/photos/image/2023/07/01/Left-join-sql-2.jpg" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;"><strong>LEFT JOIN trong SQL</strong>&nbsp;là một lệnh hữu ích khi lập trình. Dưới đây là&nbsp;<strong>những cách dùng LEFT JOIN trong SQL</strong>.</p>

<p style="text-align: justify;">Join được dùng để truy xuất các bản ghi từ 2 bản trở lên dựa trên mối quan hệ logic giữa chúng. Mối quan hệ này được xác định bằng điều kiện join. SQL có hai kiểu Join:</p>

<ul>
	<li style="text-align: justify;">Inner Join</li>
	<li style="text-align: justify;">Outer Join</li>
</ul>

<p style="text-align: justify;">Hàm Left Join là một kiểu cả Join Outer, truy xuất toàn bộ bản ghi từ bảng đầu tiên và kết hợp chúng với những bản ghi trong bảng thứ hai. Trước tiên, chúng ta hãy cùng nhau tìm hiểu xem Outer Join là gì nhé!</p>

<h2 style="text-align: justify;">Outer Join là gì?</h2>

<p style="text-align: justify;">Outer Join được dùng để nối nhiều bảng cơ sở dữ liệu thành một tập kết quả được kết hợp, bao gồm tất cả bản ghi, ngay cả khi chúng đáp ứng điều kiện Join. Các giá trị NULL được hiện dựa trên những bản ghi mà điều kiện join không đáp ứng.</p>

<p style="text-align: justify;">Trườn hợp này chỉ xảy ra nếu bảng bên trái (hoặc bản đầu tiên có nhiều bản ghi hơn bảng bên phải (hoặc bảng thứ hai)…</p>

<p style="text-align: justify;">Outer join có 3 kiểu:</p>

<ul>
	<li style="text-align: justify;">Left Join truy xuất toàn bộ bản ghi từ bảng đầu tiên.</li>
	<li style="text-align: justify;">Right Join truy xuất toàn bộ bản ghi từ bảng thứ hai.</li>
	<li style="text-align: justify;">Full Join truy xuất bản ghi từ cả hai bảng và điền các giá trị không phù hợp bằng Null.</li>
</ul>

<h2 style="text-align: justify;">LEFT JOIN trong SQL</h2>

<p style="text-align: justify;"><strong>LEFT JOIN</strong>&nbsp;trong SQL là kiểu JOIN trả về tất cả các bản ghi từ bảng bên trái (bảng 1) và các bản ghi phù hợp từ bảng bên phải (bảng 2). Nếu mệnh đề ON không khớp với bản ghi nào trong bảng bên phải thì LEFT JOIN sẽ vẫn trả về một hàng trong kết quả, nhưng giá trị là NULL trong mỗi cột từ bảng bên phải.</p>

<p style="text-align: justify;">Điều này nghĩa là LEFT JOIN trả về tất cả giá trị từ bảng bên trái, cộng với các giá trị phù hợp từ bảng bên phải hoặc NULL trong trường hợp không có giá trị phù hợp nào.</p>

<p style="text-align: justify;"><img alt="LEFT JOIN trả về tất cả các bản ghi từ bảng bên trái và các bản ghi phù hợp từ bảng bên phải." data-i="0" data-src="https://st.quantrimang.com/photos/image/2019/03/14/menh-de-left-join-1.jpg" data-was-processed="true" height="259" src="https://st.quantrimang.com/photos/image/2019/03/14/menh-de-left-join-1.jpg" width="400" /></p>

<ul>
	<li style="text-align: justify;"><a href="https://quantrimang.com/hoc/menh-de-join-trong-sql-162343" title="Mệnh đề JOIN trong SQL">Mệnh đề JOIN trong SQL</a></li>
</ul>

<h2 id="mcetoc_1d5t69sig1" style="text-align: justify;">Cú pháp LEFT JOIN trong SQL</h2>

<p style="text-align: justify;">Cú pháp cơ bản của LEFT JOIN như sau:</p>

<pre id="pre0" style="text-align: justify;">
SELECT cot1, cot2,... cotnFROM bang1LEFT JOIN bang2ON bang1.cot_chung = bang2.cot_chung;</pre>

<p style="text-align: justify;"><strong>Tham số</strong>:</p>

<ul>
	<li style="text-align: justify;"><em>cot1, cot2,... cotn</em>: tên các cột cần hiển thị ở kết quả truy vấn. Các&nbsp;<em>cot</em>&nbsp;được ngăn cách với nhau bằng dấu phẩy (,)</li>
	<li style="text-align: justify;"><em>bang1, bang2</em>: tên các bảng để lấy dữ liệu khi truy vấn.</li>
	<li style="text-align: justify;"><em>cot_chung:</em>&nbsp;thường là tên cột khóa ngoại tham chiếu từ&nbsp;<em>bang1</em>&nbsp;đến cột định danh trong&nbsp;<em>bang2</em>&nbsp;hoặc ngược lại.</li>
</ul>

<h2 id="mcetoc_1d5t68o840" style="text-align: justify;">Ví dụ về LEFT JOIN trong SQL</h2>

<p style="text-align: justify;">Giả sử hai bảng là&nbsp;<em>NHANVIEN</em>&nbsp;và&nbsp;<em>TIENTHUONG</em>&nbsp;có các bản ghi sau:</p>

<p style="text-align: justify;"><strong>Bảng 1:</strong>&nbsp;<em>NHANVIEN</em></p>

<pre id="pre1" style="text-align: justify;">
 +----+----------+-----+-----------+----------+
| ID | TEN      |TUOI | DIACHI    | LUONG    |
+----+----------+-----+-----------+----------+
|  1 | Thanh    |  32 | Haiphong  |  2000.00 |
|  2 | Loan     |  25 | Hanoi     |  1500.00 |
|  3 | Nga      |  23 | Hanam     |  2000.00 |
|  4 | Manh     |  25 | Hue       |  6500.00 |
|  5 | Huy      |  27 | Hatinh    |  8500.00 |
|  6 | Cao      |  22 | HCM       |  4500.00 |
|  7 | Lam      |  24 | Hanoi     | 10000.00 |
+----+----------+-----+-----------+----------+</pre>

<p style="text-align: justify;"><strong>Bảng 2:</strong>&nbsp;<em>TIENTHUONG</em></p>

<pre id="pre2" style="text-align: justify;">
 +-----+---------------------+-------------+--------+
|TT_ID| NGAY                | NHANVIEN_ID | SOTIEN |
+-----+---------------------+-------------+--------+
| 102 | 2019-01-08 00:00:00 |           3 |   3000 |
| 100 | 2019-01-08 00:00:00 |           3 |   1500 |
| 101 | 2019-02-20 00:00:00 |           2 |   1560 |
| 103 | 2018-12-20 00:00:00 |           4 |   2060 |
+-----+---------------------+-------------+--------+
</pre>

<p style="text-align: justify;">Bây giờ, chúng ta hãy join hai bảng này bằng cách sử dụng LEFT JOIN như sau:</p>

<pre id="pre3" style="text-align: justify;">
SQL&gt; SELECT ID, TEN, SOTIEN, NGAY FROM NHANVIEN LEFT JOIN TIENTHUONG ON NHANVIEN.ID = TIENTHUONG.NHANVIEN_ID;</pre>

<p style="text-align: justify;">Kết quả trả về là:</p>

<pre id="pre4" style="text-align: justify;">
 +----+----------+--------+---------------------+
| ID | TEN      | SOTIEN | NGAY                |
+----+----------+--------+---------------------+
|  1 | Thanh    |   NULL | NULL                |
|  2 | Loan     |   1560 | 2019-02-20 00:00:00 |
|  3 | Nga      |   3000 | 2019-01-08 00:00:00 |
|  3 | Nga      |   1500 | 2019-01-08 00:00:00 |
|  4 | Manh     |   2060 | 2018-12-20 00:00:00 |
|  5 | Huy      |   NULL | NULL                |
|  6 | Cao      |   NULL | NULL                |
|  7 | Lam      |   NULL | NULL                |
+----+----------+--------+---------------------+
</pre>

<p style="text-align: justify;"><strong>LEFT JOIN với mệnh đề WHERE</strong></p>

<p style="text-align: justify;">Lệnh LEFT JOIN SQL có thể dùng kèm với mệnh đề WHERE. Ví dụ:</p>

<pre id="pre5" style="text-align: justify;">
SELECT Customers.customer_id, Customers.first_name, Orders.amount
FROM Customers
LEFT JOIN Orders
ON Customers.customer_id = Orders.customer
WHERE Orders.amount &gt;= 500;</pre>

<p style="text-align: justify;">Đây là lệnh SQL nối hai bảng và chọn hàng tại vị trí amount lớn hơn hoặc bằng 500.</p>

<p style="text-align: justify;">Xét ví dụ bên dưới, truy vấn này đã bổ sung thêm mệnh đề WHERE để chỉ trả về kết quả tại vị trí cột “location” trong bảng bộ phận (tương đương Bangalore). Hành động này sẽ lọc kết quả chỉ hiện nhân viên thuộc về bộ phận ở Bangalore, và các phòng ban không có nhân viên sẽ không xuất hiện trong kết quả.</p>

<p style="text-align: justify;">Truy vấn:</p>

<pre id="pre6" style="text-align: justify;">
SELECT e.EmpID, e.Name, d.department_name, 
d.department_head, d.location 
FROM Emp e
LEFT JOIN department d ON e.department_id
 = d.department_id
WHERE d.location = &#039;Bangalore&#039;;</pre>

<p style="text-align: justify;">Kết quả:</p>

<p style="text-align: justify;"><img alt="Lệnh LEFT JOIN trong SQL" data-i="1" data-src="https://st.quantrimang.com/photos/image/2023/07/01/Left-join-sql-1.jpg" data-was-processed="true" height="67" src="https://st.quantrimang.com/photos/image/2023/07/01/Left-join-sql-1.jpg" width="650" /></p>

<p style="text-align: justify;"><strong>LEFT JOIN với AS Alias</strong></p>

<p style="text-align: justify;">Chúng ta có thể dùng các bí danh AS bên trong LEFT JOIN để tạo đoạn văn ngắn và gọn gàng. Ví dụ:</p>

<pre id="pre7" style="text-align: justify;">
SELECT C.cat_name, P.prod_title
FROM Categories1 AS C
LEFT JOIN Products AS P
ON C.cat_id= P.cat_id;</pre>

<p style="text-align: justify;">Đây là lệnh SQL chọn các hàng thông thường giữa bảng Category và Products.</p>

<p style="text-align: justify;"><strong>LEFT JOIN Vs LEFT OUTER JOIN</strong></p>

<p style="text-align: justify;">Chúng ta cũng có thể dùng LEFT OUTER JOIN thay cho LEFT JOIN. Về cơ bản, cả hai mệnh đề này đều giống nhau. Điều đó có nghĩa:</p>

<pre id="pre8" style="text-align: justify;">
SELECT Customers.customer_id, Customers.first_name, Orders.amount
FROM Customers
LEFT JOIN Orders
ON Customers.customer_id = Orders.customer;</pre>

<p style="text-align: justify;">Tương đương với:</p>

<pre id="pre9" style="text-align: justify;">
SELECT Customers.customer_id, Customers.first_name, Orders.amount
FROM Customers
LEFT OUTER JOIN Orders
ON Customers.customer_id = Orders.customer;</pre>

<p style="text-align: justify;">Giờ trong truy vấn này, bạn sẽ dùng các alias “e” cho bảng Emp và “d” cho bảng bộ phận. Sau đó, dùng lệnh SELECT tham chiếu những bí danh này cho từng cột được trả về, làm truy vấn trở nên dễ đọc và dễ nhập hơn. Các alias đặc biệt hữu ích khi bạn đang làm việc với bảng có tên dài hoặc phức tạp bởi chúng có thẻ đơn giản hóa code và khiến nó dễ hiểu hơn.</p>

<pre id="pre10" style="text-align: justify;">
SELECT e.EmpID, e.Name, d.department_name, 
d.department_head, d.location 
FROM Emp e
LEFT JOIN department d ON 
e.department_id = d.department_id;</pre>

<p style="text-align: justify;"><img alt="Kết quả dùng LEFT JOIN với alias" data-i="2" data-src="https://st.quantrimang.com/photos/image/2023/07/01/Left-join-sql-2.jpg" data-was-processed="true" height="169" src="https://st.quantrimang.com/photos/image/2023/07/01/Left-join-sql-2.jpg" width="650" /></p>

<p style="text-align: justify;">Nhìn chung, LEFT JOIN SQL là một lệnh vô cùng hữu ích khi lập trình mà nhất định bạn phải biết. Hi vọng bài viết giúp bạn hiểu rõ hơn về LEFT JOIN trong SQL.</p>

<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/left-join-trong-sql-7591.html" title="LEFT JOIN trong SQL">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/left-join-trong-sql-7591.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>
<div id="run_cronjobs" style="visibility:hidden;display:none;"><img alt="cron" src="/index.php?second=cronjobs&amp;p=h3OhyX3G" width="1" height="1" /></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>