## timer简单示例
实现效果:浏览器访问timer路径返回当前时间。
[修改urls.py](http://xn--urls-486fx14i.py)
```
from app01 import views
urlpatterns = [
path('admin/', admin.site.urls),
path('timer/', views.timer),
]
```
[修改views.py](http://xn--views-3u3h158j.py)
```
import time
def timer(request):
ctime = time.time()
return render(request, "timer.html", {"date": ctime})
```
创建templates目录及timer.html
```
当前时间: {{ date }}
```
[修改settings.py](http://xn--settings-0n3mm27o.py)
```
TEMPLATES = [
{
'DIRS': [os.path.join(BASE_DIR, 'templates')],
```
浏览器访问
```
http://127.0.0.1:8000/timer/
```
## 引用静态文件
创建statics目录,将jquery静态访问放到该目录下。
修改settings.py文件,STATIC\_URL下面添加以下内容:
```
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "statics")
]
```
修改timer.html引用jquery静态文件
```
Title>
```
引用或访问时使用别名static
```
http://127.0.0.1:8000/static/jquery-3.5.1.min.js
```
在statics目录下创建app01目录,该目录下创建timer.css文件实现字体颜色变红
```
h4{
color: red;
}
```
创建timer.js文件实现点击字体颜色变绿
```
$("h4").click(function(){
$(this).css("color","green")
})
```
在timer.html文件中引用
```
Title>
当前时间:{{ date }}
>>
```
浏览器访问查看效果
```
http://127.0.0.1:8000/timer/
```