<!DOCTYPE html>
    <html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
    <head>
<title>Có nên lưu trữ Django trên PythonAnywhere?</title>
<meta name="description" content="Có nên lưu trữ Django trên PythonAnywhere? - Savefile - Tin Tức -...">
<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="Có nên lưu trữ Django trên PythonAnywhere?">
<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;co-nen-luu-tru-django-tren-pythonanywhere-6790.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/co-nen-luu-tru-django-tren-pythonanywhere-6790.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/co-nen-luu-tru-django-tren-pythonanywhere-6790.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>Có nên lưu trữ Django trên PythonAnywhere?</h1>
		<ul class="list-inline">
			<li>Thứ sáu - 24/02/2023 23:12</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="Có nên lưu trữ Django trên PythonAnywhere?" src="https://st.quantrimang.com/photos/image/2023/02/23/PythonAnywhere-logfile.jpg" width="460" class="img-thumbnail" />
		</div>
		<div class="clear"></div>
		<div id="bodytext" class="clearfix">
			<p style="text-align: justify;"><strong>PythonAnywhere&nbsp;</strong>thích hợp để dùng cho phát triển Django nhưng việc thiết lập nó có dễ dàng không? Hãy cùng nhau tìm hiểu nhé!</p>

<p style="text-align: justify;"><img alt="PythonAnywhere" data-i="0" data-src="https://st.quantrimang.com/photos/image/2023/02/23/Django-PythonAnywhere-7.jpg" data-was-processed="true" height="340" src="https://st.quantrimang.com/photos/image/2023/02/23/Django-PythonAnywhere-7.jpg" width="650" /></p>

<p style="text-align: justify;">Django là một framework web phổ biến, đơn giản hóa quá trình phát triển ứng dụng web, còn PythonAnywhere là một nền tảng dựa trên đám mây, cung cấp môi trường online để chạy và lưu trữ ứng dụng Python.</p>

<p style="text-align: justify;">Nếu đang cân nhắc lưu trữ dự án Django trên PythonAnywhere, bài viết sẽ cho bạn biết lợi ích và các hạn chế ở nền tảng này, cùng với hướng dẫn từng bước để thiết lập dự án Django.</p>

<h2 style="text-align: justify;">Lợi ích khi lưu trữ dự án Django trên PythonAnywhere</h2>

<p style="text-align: justify;">Đăng ký PythonAnywhere rất dễ dàng và nền tảng này cung cấp một số tính năng hữu ích cho việc host dự án Django. Giao diện thân thiện của nó cho phép người dùng dễ dàng triển khai và quản lý ứng dụng, còn môi trường Python được cấu hình trước đơn giản hóa quá trình phát triển.</p>

<p style="text-align: justify;">Nó cung cấp một console dựa trên web tiện lợi, truy cập SSH và các nhiệm vụ theo lịch trình, cho phép người dùng tận dụng đầy đủ dịch vụ hosting. Ngoài ra, PythonAnywhere còn cung cấp tính năng lưu trữ dữ liệu mạnh mẽ, hoàn thiện với các dịch vụ backup và khôi phục nhằm bảo vệ dữ liệu người dùng an toàn.</p>

<h2 style="text-align: justify;">Hạn chế khi lưu trữ dự án Django trên PythonAnywhere</h2>

<p style="text-align: justify;">Ngoài lợi ích, PythonAnywhere cũng có một số thử thách và hạn chế mà lập trình viên nên cân nhắc trước khi sử dụng nền tảng này:</p>

<ul>
	<li style="text-align: justify;"><strong>Tài nguyên hạn chế</strong>. điều đó có nghĩa nó có thể không phù hợp với các dự án Django lớn và phức tạp cho gói miễn phí. Điều này có thể kìm hãm hiệu suất hoạt động của ứng dụng, nhất là trong giai đoạn truy cập cao điểm.</li>
	<li style="text-align: justify;"><strong>Kiểm soát server hạn chế</strong>. Lập trình viên không thể cấu hình server theo nhu cầu. Điều này có thể hạn chế tính linh hoạt của ứng dụng. Đây có thể là vấn đề lớn khi phát triển các dự án phức tạp, cần tùy chỉnh cấu hình.</li>
	<li style="text-align: justify;">Các vấn đề về hiệu suất trong thời gian truy cập cao điểm, chẳng hạn như thời gian phản hồi chậm có thể ảnh hưởng tới trải nghiệm người dùng.</li>
</ul>

<h2 style="text-align: justify;">Cách lưu trữ dự án Django trên PythonAnywhere</h2>

<h3 style="text-align: justify;">Đăng ký tài khoản PythonAnywhere</h3>

<p style="text-align: justify;">Để bắt đầu, bạn cần đăng ký tài khoản PythonAnywhere bằng email và thiết lập mật khẩu.</p>

<p style="text-align: justify;"><img alt="Tạo tài khoản PythonAnywhere" data-i="1" data-src="https://st.quantrimang.com/photos/image/2023/02/23/tao-tk-pythonanywhere.jpg" data-was-processed="true" height="325" src="https://st.quantrimang.com/photos/image/2023/02/23/tao-tk-pythonanywhere.jpg" width="650" /></p>

<h3 style="text-align: justify;">Tạo môi trường ảo mới cho dự án Django</h3>

<p style="text-align: justify;">Sau khi đã đăng nhập vào PythonAnywhere, bước đầu tiên là tạo một môi trường ảo mới cho dự án Django. Điều này đảm bảo cô lập các phần phụ thuộc cho dự án từ các dự án khác trên nền tảng này.</p>

<p style="text-align: justify;">Để thực hiện việc trên, điều hướng tới tab Consoles và chọn Bash. Trong console, nhập lệnh sau:</p>

<pre id="pre0" style="text-align: justify;">
mkvirtualenv myenv --python=/usr/bin/python3.10</pre>

<p style="text-align: justify;">Bằng cách chạy lệnh này, bạn có thể tạo một môi trường ảo mới, mang tên “myenv” (chạy Python 3.10). Nếu muốn gắn một tên khác cho môi trường ảo, chỉ cần thay thế “myenv” bằng tên bạn chọn.</p>

<p style="text-align: justify;"><img alt="Bash console" data-i="2" data-src="https://st.quantrimang.com/photos/image/2023/02/23/bash-console.jpg" data-was-processed="true" height="260" src="https://st.quantrimang.com/photos/image/2023/02/23/bash-console.jpg" width="650" /></p>

<h3 style="text-align: justify;">Thiết lập dự án Django trên PythonAnywhere bằng giao diện web</h3>

<p style="text-align: justify;">PythonAnywhere cung cấp một giao diện web cho lập trình viên thiết lập dự án. Nó bao gồm tạo app web mới, cài đặt thư mục hoạt động và cấu hình môi trường ảo. Dưới đây là cách thiết lập một app web mới trên PythonAnywhere:</p>

<ol>
	<li style="text-align: justify;">Đăng nhập tài khoản&nbsp;<strong>PythonAnywhere</strong>.</li>
	<li style="text-align: justify;">Điều hướng tới tab&nbsp;<strong>Dashboard</strong>.</li>
	<li style="text-align: justify;">Click nút&nbsp;<strong>Create a new web app</strong>.</li>
	<li style="text-align: justify;">Chọn tên miền cho ứng dụng web. PythonAnywhere cung cấp một tên miền phụ miễn phí mà bạn có thể dùng cho ứng dụng web. Nếu muốn dùng tên miền của bạn, bạn cần đăng ký gói trả phí. Bạn có thể mua tên miền trên ở những trang như NameCheap, GoDaddy và cấu hình nó trỏ tới app web PythonAnywhere.</li>
	<li style="text-align: justify;">Chọn framework web bạn muốn dùng. PythonAnywhere có sẵn một số framework, bao gồm Django, Flask, web2py, Bottle và cấu hình theo cách thủ công. Chọn<strong>&nbsp;manual configuration</strong>&nbsp;từ danh sách này và thiết lập app web cũng như cấu hình nó cho dự án Django của bạn.</li>
	<li style="text-align: justify;">Chọn phiên bản Python muốn dùng cho dự án.</li>
	<li style="text-align: justify;">Click nút&nbsp;<strong>Next</strong>. PythonAnyWhere sẽ tạo một app web mới cho bạn, đồng thời đưa bạn tới bảng điều khiển ứng dụng web.</li>
	<li style="text-align: justify;">Tới phần&nbsp;<strong>Virtualenv</strong>, trên tab web, nhập đường dẫn tới môi trường ảo và click<strong>&nbsp;OK</strong>.</li>
</ol>

<h3 style="text-align: justify;">Thiết lập thư mục hoạt động</h3>

<p style="text-align: justify;">Khi đã tạo một app web mới trên PythonAnywhere, bạn cần thiết lập thư mục hoạt động cho thư mục gốc của dự án Django. Chi tiết các bước như sau:</p>

<p style="text-align: justify;">1. Tới tab&nbsp;<strong>Files</strong>&nbsp;trong bảng điều khiển app web.</p>

<p style="text-align: justify;">2. Click nút<strong>&nbsp;New directory</strong>&nbsp;để tạo một thư mục mới.</p>

<p style="text-align: justify;">3. Nhập tên cho thư mục đó, ví dụ “myproject”.</p>

<p style="text-align: justify;">4. Click nút&nbsp;<strong>Create&nbsp;</strong>để tạo thư mục.</p>

<p style="text-align: justify;">5. Điều hướng tới thư mục đã tạo mới bằng cách click vào tên của nó trong trình duyệt file.</p>

<p style="text-align: justify;">6. Click nút&nbsp;<strong>Upload</strong>&nbsp;để upload file dự án Django cho thư mục đó.</p>

<p style="text-align: justify;">7. Sau khi bạn đã upload file dự án, click tab web để thay đổi file cấu hình WSGI. Hệ thống này dùng file WSGI trong file của bạn.</p>

<p style="text-align: justify;">8. Ở phần&nbsp;<strong>Code</strong>, click đường dẫn tới file cấu hình WSGI để chỉnh sửa nó.</p>

<p style="text-align: justify;"><img alt="PythonAnywhere Code" data-i="3" data-src="https://st.quantrimang.com/photos/image/2023/02/23/PythonAnywhere-code.jpg" data-was-processed="true" height="325" src="https://st.quantrimang.com/photos/image/2023/02/23/PythonAnywhere-code.jpg" width="650" /></p>

<p style="text-align: justify;">9. Bỏ bình luận phần Django và xóa tất cả code khác.</p>

<p style="text-align: justify;">10. Update đường dẫn trong dòng biến tương ứng để bao gồm nó trong thư mục dự án. Ví dụ:</p>

<pre id="pre1" style="text-align: justify;">
path = &#039;/home/username/myproject&#039;</pre>

<p style="text-align: justify;">11. Lưu thay đổi cho file cấu hình WSGI.</p>

<h3 style="text-align: justify;">Cấu hình môi trường ảo</h3>

<p style="text-align: justify;">Sau khi thiết lập thư mục hoạt động, bạn cần cấu hình môi trường ảo để bao gồm các gói cần thiết cho dự án Django. Hãy làm theo các bước sau:</p>

<p style="text-align: justify;">1. Điều hướng tới tab Consoles trong bảng điều khiển app web.</p>

<p style="text-align: justify;">2. Click nút Bash console để mở console Bash.</p>

<p style="text-align: justify;">3. Kích hoạt môi trường ảo bằng cách chạy lệnh sau:</p>

<pre id="pre2" style="text-align: justify;">
source /path/to/virtual/environment/bin/activate</pre>

<p style="text-align: justify;">Thay thế<strong>&nbsp;&quot;/path/to/virtual/environment&quot;</strong>&nbsp;với đường dẫn tới môi trường ảo của bạn.</p>

<p style="text-align: justify;">4. Sau khi kích hoạt môi trường ảo, bước tiếp theo là cài đặt Django và bất kỳ gói được yêu cầu khác bằng pip. Điều này có thể được thực hiện từ dòng lệnh trên PythonAnywhere. Trong console này, nhập dòng lệnh sau:</p>

<pre id="pre3" style="text-align: justify;">
pip install django</pre>

<p style="text-align: justify;">Hành động trên cài đặt phiên bản mới nhất của Django. Nếu muốn cài một phiên bản Django cụ thể, bạn có thể thay thế Django bằng &quot;Django==x.y.z&quot;, trong đó x.y.z là số phiên bản.</p>

<p style="text-align: justify;">5. Cài các gói được yêu cầu cho dự án Django bằng cách chạy lệnh sau:</p>

<pre id="pre4" style="text-align: justify;">
pip install -r requirements.txt</pre>

<p style="text-align: justify;">Thay thế &quot;requirements.txt&quot; bằng tên của file yêu cầu.</p>

<p style="text-align: justify;">6. Đợi cài đặt các gói hoàn tất.</p>

<p style="text-align: justify;">7. Kiểm tra dự án Django bằng cách tải lại ứng dụng web.</p>

<p style="text-align: justify;">8. Tới thăm trang web của bạn và kiểm tra kết quả.</p>

<p style="text-align: justify;">Nếu gặp lỗi, bạn có thể dùng nhật ký lỗi hoặc máy chủ có liên quan trong tab web.</p>

<p style="text-align: justify;"><img alt="Log file trong PythonAnywhere" data-i="4" data-src="https://st.quantrimang.com/photos/image/2023/02/23/PythonAnywhere-logfile.jpg" data-was-processed="true" height="325" src="https://st.quantrimang.com/photos/image/2023/02/23/PythonAnywhere-logfile.jpg" width="650" /></p>

<p style="text-align: justify;">Trên đây là những điều bạn cần biết khi host Django trên PythonAnywhere. Hi vọng bài viết hữu ích với các bạn.</p>
		</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/co-nen-luu-tru-django-tren-pythonanywhere-6790.html" title="Có nên lưu trữ Django trên PythonAnywhere?">https://www.nguoicodonvn2008.info/vi/news/savefile/kien-thuc-may-tinh/co-nen-luu-tru-django-tren-pythonanywhere-6790.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>